');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-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}.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;color:#555;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}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.block-editor-image-alignment-control__row .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label{margin-bottom:0}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{
/*!rtl:begin:ignore*/direction:ltr;
/*!rtl:end:ignore*/display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{-ms-grid-row-align:start;align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{
/*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;
/*!rtl:end:ignore*/margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr;
/*!rtl:begin:ignore*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;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*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1
/*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
/*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1
/*!rtl:end:ignore*/}.wp-block-media-text__media img,.wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill figure.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{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link:not(.has-text-color){color:#1e1e1e}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container{background-color:#fff}.items-justified-left>ul{justify-content:flex-start}.items-justified-center>ul{justify-content:center}.items-justified-right>ul{justify-content:flex-end}.wp-block-navigation-link{display:flex;align-items:center;position:relative;margin:0}.wp-block-navigation-link .wp-block-navigation__container:empty{display:none}.wp-block-navigation__container{list-style:none;margin:0;padding-left:0;display:flex;flex-wrap:wrap}.is-vertical .wp-block-navigation__container{display:block}.has-child>.wp-block-navigation-link__content{padding-right:.5em}.has-child .wp-block-navigation__container{border:1px solid rgba(0,0,0,.15);background-color:inherit;color:inherit;position:absolute;left:0;top:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2;opacity:0;transition:opacity .1s linear;visibility:hidden}.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__content{flex-grow:1}.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon{padding-right:.5em}@media (min-width:782px){.has-child .wp-block-navigation__container{left:1.5em}.has-child .wp-block-navigation__container .wp-block-navigation__container{left:100%;top:-1px}.has-child .wp-block-navigation__container .wp-block-navigation__container:before{content:"";position:absolute;right:100%;height:100%;display:block;width:.5em;background:transparent}.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg{transform:rotate(0)}}.has-child:hover{cursor:pointer}.has-child:hover>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.has-child:focus-within{cursor:pointer}.has-child:focus-within>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.wp-block-navigation-link__content{color:inherit;text-decoration:none;padding:.5em 1em}.wp-block-navigation-link__content+.wp-block-navigation-link__content{padding-top:0}.has-text-color .wp-block-navigation-link__content{color:inherit}.wp-block-navigation-link__label{word-break:normal;overflow-wrap:break-word}.wp-block-navigation-link__submenu-icon{height:inherit;padding:.375em 1em .375em 0}.wp-block-navigation-link__submenu-icon svg{fill:currentColor}@media (min-width:782px){.wp-block-navigation-link__submenu-icon svg{transform:rotate(90deg)}}.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-background{padding:1.25em 2.375em}p.has-text-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{font-weight:700;margin:0}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:290px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright 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:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:2em}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.125em;text-align:right}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 1em)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}.wp-block-rss.columns-4 li{width:calc(25% - 1em)}.wp-block-rss.columns-5 li{width:calc(20% - 1em)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#555;font-size:.8125em}.wp-block-search .wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;min-width:3em;border:1px solid #949494}.wp-block-search .wp-block-search__button{margin-left:.625em;word-break:normal}.wp-block-search .wp-block-search__button svg{min-width:1.5em;min-height:1.5em}.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-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-custom-logo .aligncenter{display:table}.wp-block-social-links{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-left:0;padding-right:0;text-indent:0;margin-left:0}.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-social-link{display:block;width:36px;height:36px;border-radius:9999px;margin:0 8px 8px 0;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s}}.wp-social-link a{padding:6px;display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#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-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#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;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link svg{width:28px;height:28px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#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-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#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{background-color:#d32422;color:#fff}.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:16px;padding-right:16px}.wp-block-spacer{clear:both}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table{overflow-x:auto}.wp-block-table table{width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #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-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%}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-post-featured-image a{display:inline-block}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-white-background-color{background-color:#fff}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-black-background-color{background-color:#000}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-white-color{color:#fff}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-black-color{color:#000}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}: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)}:root .has-link-color a{color:#00e;color:var(--wp--style--color--link,#00e)}.has-small-font-size{font-size:.8125em}.has-normal-font-size,.has-regular-font-size{font-size:1em}.has-medium-font-size{font-size:1.25em}.has-large-font-size{font-size:2.25em}.has-huge-font-size,.has-larger-font-size{font-size:2.625em}.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}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}#start-resizable-editor-section{display:none}.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;font-size:.9em;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.wp-block-pullquote{border-top:4px solid #555;border-bottom:4px solid #555;margin-bottom:1.75em;color:#555}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#555;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-navigation-link.wp-block-navigation-link{margin:0}.wp-block-quote{border-left:.25em solid #000;margin:0 0 1.75em;padding-left:1em}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#555;font-size:.8125em;margin-top:1em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid #000;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{border-collapse:collapse}.wp-block-table 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,.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.wp-block-template-part.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}#end-resizable-editor-section{display:none}
#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:#fff}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;border:none}.cn-button{font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0;padding:0;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.cn-button:hover{box-shadow:inset 0 0 0 99999px rgba(0,0,0,.05);text-decoration:none}.cn-button.bootstrap,.cn-button.wp-default{text-decoration:none;padding:8.5px 10px;line-height:1}.cn-button.wp-default{color:#fff;background:#fbb03b}.cn-button.bootstrap{color:#fff;background:#00a99d}.cn-text-container{margin:0 0 6px 0}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}
span.eeb-nodis{display:none !important}span.eeb-rtl{unicode-bidi:bidi-override !important;direction:rtl !important;display:inline !important}span.eeb-rtl span.eeb-sd,span.eeb-nrtl span.eeb-sd{display:inline !important;padding-left:0 !important}span.eeb-nrtl{word-break:break-all !important}.eeb-encoded{position:relative;margin-top:-.3em;z-index:1000;color:green}
/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.5
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
13.1 Header
13.2 Front Page
13.3 Regular Content
13.4 Posts
13.5 Pages
13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.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; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #333;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.66;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
padding-top: 0;
}
h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 300;
}
h2,
.home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
}
h3 {
color: #333;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
h4 {
color: #333;
font-size: 16px;
font-size: 1rem;
font-weight: 800;
}
h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
h6 {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 800;
}
p {
margin: 0 0 1.5em;
padding: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
color: #666;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #eee;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
content: "";
}
:focus {
outline: none;
}
/* Typography for Arabic Font */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
font-family: Tahoma, Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
font-weight: 700;
}
/* Typography for Chinese Font */
html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}
html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}
html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
font-weight: 700;
}
/* Typography for Cyrillic Font */
html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
font-weight: 700;
line-height: 1.2;
}
/* Typography for Devanagari Font */
html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
font-weight: 700;
}
/* Typography for Greek Font */
html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
font-weight: 700;
line-height: 1.3;
}
/* Typography for Gujarati Font */
html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
font-weight: 700;
}
/* Typography for Hebrew Font */
html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
font-family: "Arial Hebrew", Arial, sans-serif;
}
html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
font-weight: 700;
}
/* Typography for Japanese Font */
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
font-weight: 700;
}
/* Typography for Korean font */
html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
font-weight: 600;
}
/* Typography for Thai Font */
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
line-height: 1.65;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
line-height: 1.8;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Remove letter-spacing for all non-latin alphabets */
html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
letter-spacing: 0 !important;
}
/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #333;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
background-color: #222;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #767676;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
:-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
::-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul,
ol {
margin: 0 0 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tr {
border-bottom: 1px solid #eee;
}
td {
padding: 0.4em;
}
th,
td,
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
color: #222;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
color: #000;
outline: 0;
}
/* Hover effects */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
color: #000;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}
/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
}
/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
margin-bottom: 1em;
}
.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
}
/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navigation-top {
background: #fff;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 16px;
font-size: 1rem;
position: relative;
}
.navigation-top .wrap {
max-width: 1000px;
padding: 0;
}
.navigation-top a {
color: #222;
font-weight: 600;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #767676;
}
.main-navigation {
clear: both;
display: block;
}
.main-navigation ul {
background: #fff;
list-style: none;
margin: 0;
padding: 0 1.5em;
text-align: left;
}
/* Hide the menu on small screens when JavaScript is available.
* It only works with JavaScript.
*/
.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display: none;
}
.main-navigation > div > ul {
border-top: 1px solid #eee;
padding: 0.75em 1.695em;
}
.js .main-navigation.toggled-on > div > ul {
display: block;
}
.main-navigation ul ul {
padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
display: block;
}
.main-navigation ul ul a {
letter-spacing: 0;
padding: 0.4em 0;
position: relative;
text-transform: none;
}
.main-navigation li {
border-bottom: 1px solid #eee;
position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
border: 0;
}
.main-navigation a {
display: block;
padding: 0.5em 0;
text-decoration: none;
}
.main-navigation a:hover {
color: #767676;
}
/* Menu toggle */
.menu-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: none;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.5;
margin: 1px auto 2px;
padding: 1em;
text-shadow: none;
}
/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle {
display: block;
}
.main-navigation.toggled-on ul.nav-menu {
display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.menu-toggle:focus {
outline: thin solid;
}
.menu-toggle .icon {
margin-right: 0.5em;
top: -2px;
}
.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
display: none;
}
.toggled-on .menu-toggle .icon-close {
display: inline-block;
}
/* Dropdown Toggle */
.dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: block;
font-size: 16px;
right: -0.5em;
line-height: 1.5;
margin: 0 auto;
padding: 0.5em;
position: absolute;
text-shadow: none;
top: 0;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background: transparent;
}
.dropdown-toggle:focus {
outline: thin dotted;
}
.dropdown-toggle.toggled-on .icon {
-ms-transform: rotate(-180deg); /* IE 9 */
-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
transform: rotate(-180deg);
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: none;
}
/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
#page {
position: relative;
word-wrap: break-word;
}
.wrap {
margin-left: auto;
margin-right: auto;
max-width: 700px;
padding-left: 2em;
padding-right: 2em;
}
.wrap:after {
clear: both;
content: "";
display: block;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
#masthead .wrap {
position: relative;
}
.site-header {
background-color: #fafafa;
position: relative;
}
/* Site branding */
.site-branding {
padding: 1em 0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}
.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
opacity: 0.7;
}
.site-title {
clear: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.08em;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.site-title,
.site-title a {
color: #222;
opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}
.site-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: 0;
}
body.has-header-image .site-description,
body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
}
.custom-logo-link {
display: inline-block;
padding-right: 1em;
vertical-align: middle;
width: auto;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.custom-header {
position: relative;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.custom-header-media:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
width: auto;
top: 50%;
padding-bottom: 1px; /* Prevent header from extending beyond the footer */
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}
.admin-bar .wp-custom-header-video-button {
top: 62px;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
}
/* Hides div in Customizer preview when header images or videos change. */
body:not(.has-header-image):not(.has-header-video) .custom-header-media {
display: none;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: bottom;
}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
.twentyseventeen-front-page .site-content {
padding: 0;
}
.twentyseventeen-panel {
overflow: hidden;
position: relative;
}
.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.panel-image:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}
.panel-content {
position: relative;
}
.panel-content .wrap {
padding-bottom: 0.5em;
padding-top: 1.75em;
}
/* Panel edit link */
.twentyseventeen-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}
.twentyseventeen-panel .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
/* Front Page - Recent Posts */
.twentyseventeen-front-page .panel-content .recent-posts article {
border: 0;
color: #333;
margin-bottom: 3em;
}
.recent-posts .entry-header {
margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.twentyseventeen-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
font-size: 0.6875rem;
margin-left: 1em;
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content-contain {
background-color: #fff;
position: relative;
}
.site-content {
padding: 2.5em 0 0;
}
/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.sticky {
position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
display: none;
}
.sticky .icon-thumb-tack {
display: block;
height: 18px;
left: -1.5em;
position: absolute;
top: 1.65em;
width: 20px;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
color: #222;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.entry-header .entry-title {
margin-bottom: 0.25em;
}
.entry-title a {
color: #333;
text-decoration: none;
margin-left: -2px;
}
.entry-title:not(:first-child) {
padding-top: 0;
}
.entry-meta {
color: #767676;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-bottom: 0.25em;
text-transform: uppercase;
}
.entry-meta a {
color: #767676;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.pagination,
.comments-pagination {
border-top: 1px solid #eee;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}
.comments-pagination {
border: 0;
}
.page-numbers {
display: none;
padding: 0.5em 0.75em;
}
.page-numbers.current {
color: #767676;
display: inline-block;
}
.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
.prev.page-numbers,
.next.page-numbers {
background-color: #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers,
.next.page-numbers {
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background-color: #767676;
color: #fff;
}
.prev.page-numbers {
float: left;
}
.next.page-numbers {
float: right;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
}
/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 2em;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding: 1em 0;
}
body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
margin-left: auto;
margin-right: auto;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}
.taxonomy-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
}
/* More tag */
.entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
}
/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
.single-featured-image-header {
background-color: #fafafa;
border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
display: block;
margin: auto;
}
.page-links {
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
}
.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-number {
color: #222;
}
/* Entry footer */
.entry-footer {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-top: 2em;
padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-left: 2.5em;
position: relative;
text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #333;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}
.entry-footer .edit-link {
display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
}
/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.format-quote blockquote {
color: #333;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
overflow: visible;
position: relative;
}
.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
}
/* Post Navigation */
.post-navigation {
font-weight: 800;
margin: 3em 0;
}
.post-navigation .nav-links {
padding: 1em 0;
}
.nav-subtitle {
background: transparent;
color: #767676;
display: block;
font-size: 11px;
font-size: 0.6875rem;
letter-spacing: 0.1818em;
margin-bottom: 1em;
text-transform: uppercase;
}
.nav-title {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}
/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.page-header {
padding-bottom: 2em;
}
.page .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
font-size: 11px;
font-size: 0.6875rem;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page:not(.home) #content {
padding-bottom: 1.5em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
}
/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
border-top: 1px solid #eee;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
}
/* Footer widgets */
.site-footer .widget-area {
padding-bottom: 2em;
padding-top: 2em;
}
/* Social nav */
.social-navigation {
font-size: 16px;
font-size: 1rem;
margin-bottom: 1em;
}
.social-navigation ul {
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
.social-navigation li {
display: inline;
}
.social-navigation a {
background-color: #767676;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #fff;
display: inline-block;
height: 40px;
margin: 0 1em 0.5em 0;
text-align: center;
width: 40px;
}
.social-navigation a:hover,
.social-navigation a:focus {
background-color: #333;
}
.social-navigation .icon {
height: 16px;
top: 12px;
width: 16px;
vertical-align: top;
}
/* Site info */
.site-info {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
}
.site-info a {
color: #666;
}
.site-info .sep {
margin: 0;
display: block;
visibility: hidden;
height: 0;
width: 100%;
}
.site-info span[role=separator] {
padding: 0 0.2em 0 0.4em;
}
.site-info span[role=separator]::before {
content: '\002f';
}
/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments {
clear: both;
padding: 2em 0 0.5em;
}
.comments-title {
font-size: 20px;
font-size: 1.25rem;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #333;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
}
/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
#secondary {
padding: 1em 0 2em;
}
.widget {
padding-bottom: 3em;
}
h2.widget-title {
color: #222;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.widget-title a {
color: inherit;
}
/* widget forms */
.widget select {
width: 100%;
}
/* widget lists */
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0.5em 0;
}
.widget:not(.widget_tag_cloud) ul li + li {
margin-top: -1px;
}
.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}
.widget ul li li {
border: 0;
padding-left: 24px;
padding-left: 1.5rem;
}
/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
}
/* Widget markup */
.widget .post-date,
.widget .rss-date {
font-size: 0.81em;
}
/* Text widget */
.widget_text {
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1.5em;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
}
/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}
.widget_rss ul li {
padding: 2.125em 0;
}
.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget_rss li .rsswidget {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-size: 0.625rem;
font-style: normal;
font-weight: 800;
letter-spacing: 0.18em;
line-height: 1.5;
text-transform: uppercase;
}
.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}
.widget_rss .rssSummary {
margin-bottom: 0.5em;
}
/* Contact Info Widget */
.widget_contact_info .contact-map {
margin-bottom: 0.5em;
}
/* Gravatar */
.widget-grofile h4 {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0;
}
/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
display: block;
}
/* Search */
.search-form {
position: relative;
}
.search-form .search-submit {
bottom: 3px;
padding: 0.5em 1em;
position: absolute;
right: 3px;
top: 3px;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}
/* Tag cloud widget */
.tagcloud ul li {
float: left;
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
padding: 4px 10px 5px;
position: relative;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: auto;
word-wrap: break-word;
z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
/* Calendar widget */
.widget_calendar .wp-calendar-table {
margin-bottom: 0;
}
.widget_calendar .wp-calendar-nav {
display: table;
width: 100%;
margin: 0 0 1.5em;
padding: 0.4em 0;
}
.widget_calendar .wp-calendar-nav span {
display: table-cell;
}
.widget_calendar .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav-next {
width: 40%;
}
.widget_calendar th,
.widget_calendar td,
.widget_calendar .wp-calendar-nav span {
text-align: center;
}
.widget_calendar tfoot td {
border: 0;
}
/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img,
video {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
audio:focus,
video:focus {
outline: thin dotted;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/* Media Elements */
.mejs-container {
margin-bottom: 1.5em;
}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
}
/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
}
/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
background: #222;
border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
}
/* Playlist Style Overrides */
.site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}
.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.site-content .wp-playlist-item-length {
top: 5px;
}
/* SVG Icons base styles */
.icon {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative; /* Align more nicely with capital letters */
top: -0.0625em;
vertical-align: middle;
width: 1em;
}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
z-index: 2; /* Prevent :after from preventing interactions within the section */
}
/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: uppercase;
text-align: center;
}
/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
border: none;
}
.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
border: 0;
}
/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
top: 30px;
left: 30px;
}
/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
}
/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/
.svg-fallback {
display: none;
}
.no-svg .svg-fallback {
display: inline-block;
}
.no-svg .dropdown-toggle {
padding: 0.5em 0 0;
right: 0;
text-align: center;
width: 2em;
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
line-height: 1;
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg);
}
.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
-ms-transform: rotate(0); /* IE 9 */
transform: rotate(0);
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
content: "\005E";
}
/* Social Menu fallbacks */
.no-svg .social-navigation a {
background: transparent;
color: #222;
height: auto;
width: auto;
}
/* Show screen reader text in some cases */
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
clip: auto;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
height: auto;
position: relative !important; /* overrides previous !important styles */
width: auto;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}
}
@media screen and (min-width: 30em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 18px;
font-size: 1.125rem;
}
h1 {
font-size: 30px;
font-size: 1.875rem;
}
h2,
.home.blog .entry-title,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
h3 {
font-size: 22px;
font-size: 1.375rem;
}
h4 {
font-size: 18px;
font-size: 1.125rem;
}
h5 {
font-size: 13px;
font-size: 0.8125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
}
/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}
img.alignright {
float: right;
margin-left: 1.5em;
}
/* Site Branding */
.site-branding {
padding: 3em 0;
}
/* Front Page */
.panel-content .wrap {
padding-bottom: 2em;
padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
max-width: 740px;
}
.panel-content .entry-header {
margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 0;
}
/* Blog Index, Archive, Search */
.taxonomy-description {
font-size: 14px;
font-size: 0.875rem;
}
.page-numbers.current {
font-size: 16px;
font-size: 1rem;
}
/* Site Footer */
.site-footer {
font-size: 16px;
font-size: 1rem;
}
/* Gallery Columns */
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
}
@media screen and (min-width: 48em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
font-size: 0.8125rem;
}
/* Layout */
.wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.has-sidebar:not(.error404) #primary {
float: left;
width: 58%;
}
.has-sidebar #secondary {
float: right;
padding-top: 0;
width: 36%;
}
.error404 #primary {
float: none;
}
/* Site Branding */
.site-branding {
margin-bottom: 0;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0;
position: absolute;
width: 100%;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}
.custom-header-media {
height: 165px;
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 0;
position: relative;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.custom-logo-link {
padding-right: 2em;
}
.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}
.site-title {
font-size: 36px;
font-size: 2.25rem;
}
.site-description {
font-size: 16px;
font-size: 1rem;
}
/* Navigation */
.navigation-top {
bottom: 0;
font-size: 14px;
font-size: 0.875rem;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 3;
}
.navigation-top .wrap {
max-width: 1000px;
/* The font size is 14px here and we need 50px padding in ems */
padding: 0.75em 3.4166666666667em;
}
.navigation-top nav {
margin-left: -1.25em;
}
.site-navigation-fixed.navigation-top {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1000;
}
.admin-bar .site-navigation-fixed.navigation-top {
top: 32px;
}
/* Main Navigation */
.js .menu-toggle,
.js .dropdown-toggle {
display: none;
}
.main-navigation {
width: auto;
}
.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
display: block;
}
.main-navigation ul {
background: transparent;
padding: 0;
}
.main-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}
.main-navigation li {
border: 0;
display: inline-block;
}
.main-navigation li li {
display: block;
}
.main-navigation a {
padding: 1em 1.25em;
}
.main-navigation ul ul {
background: #fff;
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 99999;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
border-style: solid;
border-width: 0 6px 6px;
content: "";
display: none;
height: 0;
position: absolute;
right: 1em;
bottom: -1px;
width: 0;
z-index: 100000;
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: block;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #bbb;
bottom: 0;
}
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
border-color: transparent transparent #fff;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
right: auto;
}
.main-navigation ul ul a {
padding: 0.75em 1.25em;
width: 16em;
}
.main-navigation li li {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.main-navigation li li:hover,
.main-navigation li li.focus {
background: #767676;
}
.main-navigation li li a {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
color: #fff;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0.5em;
right: auto;
}
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
display: inline;
left: 5px;
position: relative;
top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
margin-top: -9px;
left: auto;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg);
}
.main-navigation ul ul ul {
left: -999em;
margin-top: -1px;
top: 0;
}
.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
display: none;
}
.site-header .site-navigation-fixed .menu-scroll-down {
display: none;
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: block;
padding: 1em;
position: absolute;
right: 0;
}
.site-header .menu-scroll-down .icon {
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg);
}
.site-header .menu-scroll-down {
color: #fff;
top: 2em;
}
.site-header .navigation-top .menu-scroll-down {
color: #767676;
top: 0.7em;
}
.menu-scroll-down:focus {
outline: thin dotted;
}
.menu-scroll-down .icon {
height: 18px;
width: 18px;
}
/* Front Page */
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1200px;
height: 100vh;
max-height: 100%;
overflow: hidden;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
.twentyseventeen-front-page.has-header-video .custom-header-media:before,
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before {
height: 33%;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(100vh - 32px);
}
.panel-content .wrap {
padding-bottom: 4.5em;
padding-top: 6em;
}
.panel-image {
height: 100vh;
max-height: 1200px;
}
/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}
.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
}
/* Front Page - Recent Posts */
.page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}
.panel-content .recent-posts article {
margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
/* Posts */
.site-content {
padding: 5.5em 0 0;
}
.single-post .entry-title,
.page .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
.comments-pagination,
.post-navigation {
clear: both;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-next,
.post-navigation .nav-next {
margin-top: 0;
}
/* Blog, archive, search */
.sticky .icon-thumb-tack {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px;
}
body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
float: left;
width: 36%;
}
.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
float: right;
width: 58%;
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 4em;
}
.navigation.pagination {
clear: both;
float: right;
width: 58%;
}
.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}
.entry-footer {
display: table;
width: 100%;
}
.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}
/* Entry content */
/* without sidebar */
:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}
/* with sidebar */
.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}
/* blog and archive */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
}
/* Post formats */
.format-quote blockquote .icon {
left: -1.5em;
}
/* Pages */
.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 4em;
}
.page:not(.home) #content {
padding-bottom: 3.25em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 9em;
}
/* Comments */
#comments {
padding-top: 5em;
}
.comments-title {
margin-bottom: 2.5em;
}
ol.children .children {
padding-left: 2em;
}
/* Posts pagination */
.nav-links .nav-title {
position: relative;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
}
/* Secondary */
#secondary {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
/* Widgets */
h2.widget-title {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 2em;
}
/* Footer */
.site-footer {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-top: 3em;
}
.site-footer .widget-column.footer-widget-1 {
float: left;
width: 36%;
}
.site-footer .widget-column.footer-widget-2 {
float: right;
width: 58%;
}
.social-navigation {
clear: left;
float: left;
margin-bottom: 0;
width: 36%;
}
.site-info {
float: left;
padding: 0.7em 0 0;
width: 58%;
}
.social-navigation + .site-info {
margin-left: 6%;
}
.site-info .sep {
margin: 0 0.5em;
display: inline;
visibility: visible;
height: auto;
width: auto;
}
/* Gallery Columns */
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
}
@media screen and ( min-width: 67em ) {
/* Layout */
/* Navigation */
.navigation-top .wrap {
padding: 0.75em 2em;
}
.navigation-top nav {
margin-left: 0;
}
/* Sticky posts */
.sticky .icon-thumb-tack {
font-size: 32px;
font-size: 2rem;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
}
/* Pagination */
.page-numbers {
display: inline-block;
}
.page-numbers.current {
font-size: 15px;
font-size: 0.9375rem;
}
.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* Comments */
.comment-body {
margin-left: 0;
}
}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.twentyseventeen-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,
.admin-bar .site-navigation-hidden.navigation-top {
top: 46px;
}
}
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/
@media print {
/* Hide elements */
form,
button,
input,
select,
textarea,
.navigation-top,
.social-navigation,
#secondary,
.content-bottom-widgets,
.header-image,
.panel-image-prop,
.icon-thumb-tack,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer aside.widget-area,
.site-info {
display: none !important;
}
.entry-footer,
#comments,
.site-footer,
.single-featured-image-header {
border: 0;
}
/* Font sizes */
body {
font-size: 12pt;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 22pt;
}
h3 {
font-size: 17pt;
}
h4 {
font-size: 12pt;
}
h5 {
font-size: 11pt;
}
h6 {
font-size: 12pt;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt;
}
/* Layout */
.wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
}
/* Site Branding */
.site-header {
background: transparent;
padding: 0;
}
.custom-header-media {
padding: 0;
}
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
position: relative;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important; /* override styles added by JavaScript */
}
.site-title {
font-size: 25pt;
}
.site-description {
font-size: 12pt;
opacity: 1;
}
/* Posts */
.single-featured-image-header {
background: transparent;
}
.entry-meta {
font-size: 9pt;
}
/* Colors */
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
a,
.site-title a,
.twentyseventeen-front-page.has-header-image .site-title,
.twentyseventeen-front-page.has-header-video .site-title,
.twentyseventeen-front-page.has-header-image .site-title a,
.twentyseventeen-front-page.has-header-video .site-title a {
color: #222 !important; /* Make sure color schemes don't affect to print */
}
h2,
h5,
blockquote,
.site-description,
.twentyseventeen-front-page.has-header-image .site-description,
.twentyseventeen-front-page.has-header-video .site-description,
.entry-meta,
.entry-meta a {
color: #777 !important; /* Make sure color schemes don't affect to print */
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%;
}
.site-footer {
padding: 0;
}
}
/*
Theme Name: twentyseventeen child theme
Description: Write here a brief description about your child-theme
Author: Surferhai
Author URL: Write here the author's blog or website url
Template: twentyseventeen
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen-child
*/
/* Write here your own personal stylesheet */
/* Unterseiten Computer screen & Mobile screen */
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
height: 600px!important;
}
/* Frontpage Computer screen & Mobile screen */
.has-header-image.twentyseventeen-front-page .custom-header {
/*display: table;*/
/*height: 300px;*/
/*height: 75vh;*/
height: 78vh;
/*width: 100%;*/
}
/* Liste horizontak anordnen */
.liste ul {
text-align: center;
margin: 0;
padding: 0;
}
.liste li {
display: inline;
list-style: none;
margin-right: 10px;
padding: 5px 10px;
background: #fff;
}
/* Headerbild anpassen
@media (max-width: 600px){
.has-header-image .custom-header-media img{
object-fit: cover;
background: #f2f2f2;
}
} */
/*
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media img, .twentyseventeen-front-page.has-header-video .custom-header-media video, .twentyseventeen-front-page.has-header-video .custom-header-media iframe {
position: absolute!important;
}*/
.iswhitefett {
color: #ffffff;
font-size: 1.2em;
font-weight: 800;
}
.wp-block-column {
padding-right: .1em;
}
/* Wie können wir dir helfen */
.iswhiteblue {
background-image: linear-gradient(to top, #0088ff 0%, #144cab 100%)!important;
color: #ffffff!important;
padding: 1em!important;
line-height: 1.2;
/* text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 60;
border: 1px solid black; */
}
.wrap {
padding-left: 1em!important;
padding-right: 1em!important;;
}
/* resolve issues with background positioning */
.background-fixed .panel-image {
background-attachment: unset;
}
/* Tabs */
.tab-wrap {
-webkit-transition: 0.3s box-shadow ease;
transition: 0.3s box-shadow ease;
border-radius: 6px;
max-width: 100%;
display: -webkit-box;
display:.tab-wrap {
-webkit-transition: 0.3s box-shadow ease;
transition: 0.3s box-shadow ease;
border-radius: 0;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
list-style: none;
background-color: #fff;
margin: 0!important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}
.tab {
display: none;
background-color: #efefef!important;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tab:checked + label {
background-color: red;
box-shadow: 0 -1px 0 #fff inset;
cursor: default;
color: #fff!important;
}
.tab:checked + label:hover {
box-shadow: 0 -1px 0 #fff inset;
background-color: #fff;
}
.tab + label {
box-shadow: 0 -1px 0 #eee inset;
border-radius: 0;
cursor: pointer;
display: block;
text-decoration: none;
color: #fff;
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
text-align: center;
background-color: #144cab;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
-webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
transition: 0.3s background-color ease, 0.3s box-shadow ease;
height: 50px;
box-sizing: border-box;
padding: 8px;
margin: 1px 2px;
}
.tab + label:hover {
background-color: #f9f9f9;
box-shadow: 0 1px 0 #f4f4f4 inset;
color: #000!important;
}
.tab__content {
padding: 10px 25px;
background-color: transparent;
position: absolute;
width: 100%;
z-index: -1;
opacity: 0;
left: 0;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
border-radius: 0;
} -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
list-style: none;
background-color: #fff;
margin: 40px 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}
.tab {
display: none;
background-color: #efefef!important;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tab:checked + label {
background-color: red;
box-shadow: 0 -1px 0 #fff inset;
cursor: default;
color: #fff!important;
}
.tab:checked + label:hover {
box-shadow: 0 -1px 0 #fff inset;
}
.tab + label {
box-shadow: 0 -1px 0 #eee inset;
border-radius: 0;
cursor: pointer;
display: block;
text-decoration: none;
color: #fff;
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
text-align: center;
background-color: #144cab;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
-webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
transition: 0.3s background-color ease, 0.3s box-shadow ease;
height: 50px;
box-sizing: border-box;
padding: 8px;
margin: .5px 1px;
}
.tab + label:hover {
background-color: red;
box-shadow: 0 1px 0 #f4f4f4 inset;
color: #fff!important;
}
.tab__content {
padding: 10px 25px;
background-color: transparent;
position: absolute;
width: 100%;
z-index: -1;
opacity: 0;
left: 0;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
border-radius: 6px;
}
html {
height: 100%;
}
html.ieedge {
overflow: hidden;
}
body {
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
hyphens: auto;
background: #f2f2f2!important;
}
/*Change main background color*/
.site-content-contain {
background-color: #f2f2f2!important;
}
#content .wrap {
background-color: #f2f2f2!important;
}
.bg-blau-color-white {
background-color: #3b5998;
color: #ffffff;
padding-left: 5px;
}
p {
margin-bottom: 10px !important;
font-size:1.0rem;
}
.cursive {
font-style: italic;
}
body,
button,
input,
select,
textarea {
color: #676767!important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif!important;
/* font-size: 1rem; */
font-weight: 400;
line-height: 1.6;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
border: 0 solid #fff;
-webkit-border-radius: 0;
border-radius: 0;
}
ul {
list-style: circle;
color: #ed5116;
margin-left: 2em;
font-weight: 500;
}
.entry-content a {
font-weight: 600!important;
color: #444!important;
text-decoration: underline!important;
box-shadow: none!important;
}
.entry-content .wp-block-columns a {
font-weight: 600!important;
color: #444!important;
}
.colors-custom .entry-content a {
box-shadow: none!important;
}
.fett {
font-weight: 900!important;
color: #444!important;
font-size: 1.1rem;
}
b, strong {
font-weight: 900!important;
color: #444!important;
}
.underline {
font-weight: 600!important;
color: green!important;
text-decoration: underline;
}
/* Unterstrich unter Links entfernen
--------------------------------------------- */
.site-footer .widget-area a {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
/* .entry-content a, */
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: none!important;
box-shadow: none!important;
text-decoration: none!important;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
box-shadow: none;
-webkit-box-shadow: none!important;
text-decoration: none!important;
}
/* --- Farben --- */
.isred {
color: red;
}
.iswhite {
color: white;
}
.isorange {
color: #ed5116;
}
/* --- hr Separator --- */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 50%!important;
}
.wp-block-separator {
margin-left: 0!important;
margin-right: 0;
}
hr {
margin-bottom: 0.5em;
}
/* Sections
--------------------------------------------- */
/* #panel1 .wrap {
background-image: linear-gradient(to top, #0088ff 0%, #144cab 100%);
}
#panel1 .wrap a {
color: #ffffff;
}
#panel1 .panel-content {
background-image: linear-gradient(to top, #0088ff 0%, #144cab 100%);
}*/
#panel1 .entry-header {
display: none;
}
#panel1 {
border-top: 0 Dotted #fe5e24!important;
}
#panel1 p {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.43px;
cursor: pointer;
text-align: center;
color: #ffffff;
}
#panel1 .panel-content .wrap {
padding-bottom: 10px!important;
padding-top: 10px!important;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #efefef!important;
}
.panel-content .wrap {
padding-bottom: 0em!important;
padding-top: 1.5em!important;
}
#content .wrap {
max-width: 100%;
}
#panel2 .wrap {
background-color: #f2f2f2!important;
}
#panel3 .wrap {
background-color: #f2f2f2!important;
}
#panel4 .wrap {
background-color: #f2f2f2!important;
}
#panel5 .wrap {
background-color: #f2f2f2!important;
}
#panel6 .wrap {
background-color: #f2f2f2!important;
}
#panel7 .wrap {
background-color: #f2f2f2!important;
}
.wp-block-columns {
margin-bottom: 0;
}
/* --- Abstand Text nach oben --- */
.site-content, .panel-content .wrap {
padding-top: 2em;
}
.panel-content .wrap {
padding-bottom: 0.4em!important;
padding-top: 0.4em!important;
}
/* Fonts lokal einbinden
--------------------------------------------- */
/* kaushan-script-regular - latin
@font-face {
font-family: 'Kaushan Script';
font-style: normal;
font-weight: 400;
src: url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.eot); /* IE9 Compat Modes */
src: local('Kaushan Script'), local('KaushanScript-Regular'),
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.woff) format('woff'), /* Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.svg#KaushanScript) format('svg'); /* Legacy iOS */
} */
/* concert-one-regular - latin
@font-face {
font-family: 'Concert One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.eot); /* IE9 Compat Modes */
src: local('Concert One'), local('ConcertOne-Regular'),
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.woff) format('woff'), /* Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.svg#ConcertOne) format('svg'); /* Legacy iOS */
} */
/* roboto-regular - latin
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.eot); /* IE9 Compat Modes */
src: local('Roboto'), local('Roboto-Regular'),
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.woff) format('woff'), /* Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.svg#Roboto) format('svg'); /* Legacy iOS */
} */
/* bangers-regular - latin
@font-face {
font-family: 'Bangers';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.eot); /* IE9 Compat Modes */
src: local('Bangers Regular'), local('Bangers-Regular'),
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.woff) format('woff'), /* Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.svg#Bangers) format('svg'); /* Legacy iOS */
}*/
/* Header
--------------------------------------------- */
#masthead .wrap {
padding: 1em;
text-align: center;
}
body:not(.title-tagline-hidden) .site-branding-text {
padding: 0 10px;
/* margin-bottom: 60%; */
background: rgba(0,0,0, .4);
}
.site-branding {
padding: 0 0;
}
.site-branding-text p {
margin-bottom: 0!important;
}
.site-branding .wrap {
background-color: transparent !important;
padding: 0!important;
margin-bottom: 1em;
overflow: hidden;
}
.custom-header .wrap {
max-width: max-content!important;
}
body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a {
/* font-family: 'Bangers', sans-serif!important; */
font-size: 1.4rem!important;
font-weight: 600;
letter-spacing: 0.1em!important;
}
.site-title {
/* font-family: 'Bangers', sans-serif!important; */
font-size: 1.4rem!important;
font-weight: 600;
letter-spacing: 0.1em!important;
text-align: center;
text-transform: none;
}
.colors-custom .site-title, .colors-custom .site-title a {
color: #fff!important;
font-size: 1.4rem;
/* font-family: 'Bangers', sans-serif!important; */
font-weight: 100;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
letter-spacing: 0.1em!important;
}
body.has-header-image .site-description, body.has-header-video .site-description {
color: #ffffff!important;
/* font-family: 'Concert One', sans-serif!important; */
font-style: italic;
font-size: 1.2rem!important;
letter-spacing: normal;
text-shadow: none;
font-weight: 600;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
opacity: 1;
}
.colors-custom.has-header-image .site-description {
color: #ffffff!important;
/* font-family: 'Concert One', sans-serif!important; */
font-style: italic;
font-size: 1.2rem!important;
letter-spacing: normal;
text-shadow: none;
font-weight: 600;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
opacity: 1;
}
@media only screen and (max-width: 600px) {
.colors-custom.has-header-image .site-description {
font-size: 0.8rem;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
}
/*** Logo ***/
/* Headerbild anpassen */
@media (max-width: 800px){
.custom-logo-link {
display: none;
}
}
.custom-logo-link img {
max-height: 100px;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding, .site-branding {
left: 0;
top: 20px;
}
.custom-logo-link {
padding-right: 0;
}
/* Logo und Title mittig untereinander */
.custom-logo-link {
display: block;
text-align: center;
}
.custom-logo-link img {
display: inline-block;
margin-left: 56px;
}
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
padding-bottom: 0!important;
}
.site-header .navigation-top .menu-scroll-down {
top: 0.3em;
}
.page.page-one-column .entry-header {
margin-bottom: 0!important;
}
/* --- Site BrandingComputer screen --- */
@media screen and (min-width: 48em) {
.has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding, .site-branding {
top: 1em!important;
}
}
/* --- Site Branding Mobile screen --- */
@media screen and (max-width: 767px) {
.custom-header .site-branding {
padding-top: 1em!important;
}
}
/* Die einzelnen Panels an Fensterhöhe anpassen */
.panel-image {
width: 100%; height: 80vh;
}
/*
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
height:85vh!important;
width: 100%;
height: 1200px;
max-height: 100%;
overflow: hidden;
} */
/* --- Unterseiten Screen --- */
.custom-header {
height: 70vh;
overflow: hidden;
}
/*---- Auf allen “Nicht-Startseiten” die oberen 70% des headers anzuzeigen
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media
{
max-width: 100%;
left: 0;
top:-100%;
-ms-transform: translate(0, 70%);
-moz-transform: translate(0, 70%);
-webkit-transform: translate(0, 70%);
transform: translate(0, 70%);
} ---*/
/* Setzt den Header für Archive, Beiträge und Seiten, die nicht Startseite sind, auf 50 Prozent Fensterhöhe (Desktop)
@media screen and (min-width: 48em) {
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header {
height: 1200px;
height: 75vh;
max-height: 100%;
overflow: hidden;
}
} ---*/
/* Sorgt dafür, dass der IE auf Seiten und Beiträgen den passenden Bildausschnitt zeigt
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
max-width: 100%;
top: 0;
left: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
} */
/* Lösung für Browser, zum Beispiel den Internet Explorer, die kein object-fit verstehen
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: auto;
position: absolute;
top: 40%;
left:0;
-moz-transform: translate(0, -40%);
-webkit-transform: translate(0, -40%);
transform: translate(0, -40%);
} */
/* Sorgt dafür, dass der IE das Startseiten-Headerbild nicht verzerrt
.twentyseventeen-front-page.has-header-image .custom-header-media img,
.twentyseventeen-front-page.has-header-video .custom-header-media video,
.twentyseventeen-front-page.has-header-video .custom-header-media iframe {
position: fixed;
left: 50%;
max-width: 250%;
min-height: 100%;
min-width: 100%;
min-width: 100vw;
width: auto;
top: 50%;
padding-bottom: 1px;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
} */
/* --- Mobile screen
@media screen and (max-width: 48em) {
.has-header-image.home.blog .custom-header, .custom-header {
height: 20vh;
}
}--- */
/* --- Computer screen
@media screen and (min-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header {
height: 80vh;
display: block!important;
}
} --- */
/* --- Mobile screen
@media screen and (max-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .custom-header
{
height: 50vh;
}
} --- */
/* --- Computer screen with logged in user and admin bar showing on front end
@media screen and (min-width: 48em) {
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image, .admin-bar.twentyseventeen-front-page.has-header-image.home.blog .custom-header {
height: calc(30vh - 32px);
}
} --- */
/* --- Sorgt dafür, dass der IE auf Seiten und Beiträgen den passenden Bildausschnitt zeigt
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
max-width: 100%;
top: 0;
left: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
} --- */
/* --- Lösung für Browser, zum Beispiel den Internet Explorer, die kein object-fit verstehen
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: auto;
position: absolute;
top: 40%;
left:0;
-moz-transform: translate(0, -40%);
-webkit-transform: translate(0, -40%);
transform: translate(0, -40%);
} --- */
/* --- Sorgt dafür, dass der IE das Startseiten-Headerbild nicht verzerrt
.twentyseventeen-front-page.has-header-image .custom-header-media img,
.twentyseventeen-front-page.has-header-video .custom-header-media video,
.twentyseventeen-front-page.has-header-video .custom-header-media iframe {
position: fixed;
left: 50%;
max-width: 250%;
min-height: 100%;
min-width: 100%;
min-width: 100vw;
width: auto;
top: 50%;
padding-bottom: 1px;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
} --- */
/* Navigation
--------------------------------------------- */
.navigation-top {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
#masthead .wrap {
padding: 0!important;
}
.colors-custom .menu-toggle, .colors-custom .menu-toggle:hover, .colors-custom .menu-toggle:focus, .colors-custom .menu .dropdown-toggle, .colors-custom .menu-scroll-down, .colors-custom .menu-scroll-down:hover, .colors-custom .menu-scroll-down:focus {
background-color: transparent!important;
color: #000000!important;
font-weight: 600;
}
/* .navigation-top, .main-navigation ul {
background: #ffffff!important;
} */
.colors-custom .navigation-top, .colors-custom .main-navigation ul {
background: transparent!important;
}
.main-navigation a {
padding: 2em 0.7em;
}
.colors-custom .navigation-top, .navigation-top {
padding: 5px 0!important;
font-size: 0.9rem;
}
/* --- The text in the sub-menu to be aligned directly from the beginning of the B. ---*/
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
left: 0;
}
#site-navigation li li>a, #site-navigation li li.current_page_item a {
font-size: 0.9rem;
}
.navigation-top .current-menu-item > a, .colors-custom .navigation-top .current_page_item > a, .colors-custom .main-navigation a:hover {
color: #e2010c!important;
font-weight: 600!important;
}
li.current-menu-parent > a, .current-menu-item > a {
color: #e2010c!important;
}
.colors-custom .navigation-top, .colors-custom .main-navigation li, .colors-custom .entry-footer, .colors-custom .single-featured-image-header, .colors-custom .site-content .wp-playlist-light .wp-playlist-item, .colors-custom tr {
border-bottom-color: #bcc3ce!important;
}
.main-navigation li {
border-bottom: 0 solid #9e9e9e!important;
position: relative;
}
@media screen and (min-width: 48em) {
.colors-custom .navigation-top, .colors-custom .main-navigation, .navigation-top, .main-navigation ul {
background: #ffffff!important;
border-color: #000!important;
}
.colors-custom .main-navigation ul ul {
border-color: #dadada!important;
}
}
/* --- The sub-menu text to be black but turn red on hovering. --- */
#site-navigation li li > a, #site-navigation li li.current_page_item a {
background: #ffffff!important;
}
/* --- The sub-menu text hovering. --- */
.main-navigation li li a:hover {
color: #e2010c!important;
}
/* --- Mobil-Menue oben --- */
@media screen and (max-width: 767px) {
.navigation-top {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999;
}
}
.admin-bar .navigation-top {
padding-top: 0; /*** Padding to allow space for the admin-bar when present ***/
}
@media screen and (max-width: 48em) {
.colors-custom .main-navigation ul {
background: #ffffff!important;
}}
/* --- Hamburger Menue --- */
@media screen and (max-width: 38em) {
.colors-custom .menu-toggle {
background: #ffffff!important;
color: #000000!important;
border: 0 solid #ffffff!important;
}}
.menu-toggle {
font-size: 1rem;
font-weight: 700;
/*color: #ffffff!important;*/
color: #000000!important;
padding: 0;
}
.menu-toggle .icon {
margin-right: 0.5em;
top: -2px;
/*fill: #ffffff;*/
fill: #000000;
}
@media screen and (max-width: 48em)
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu .dropdown-toggle, .menu-scroll-down, .menu-scroll-down:hover, .menu-scroll-down:focus {
background-color: #e2010c!important;
}
.dropdown-toggle.toggled-on .icon {
/* color: #ffffff; drop down Icon Menu */
color: #000000!important; /* drop down Icon Menu */
border: none!important;
}
.icon {
/* color: #ffffff; drop up Icon Menu */
color: #000000; /* drop up Icon Menu */
}
/*--- .icon-youtube, .icon-twitter, .icon-facebook, .icon-instagram {
color: #ffffff!important;
} ---*/
.colors-custom .social-navigation a:hover, .colors-custom .social-navigation a:focus {
background: red;
}
.colors-custom .social-navigation a {
color: #000000;
}
/* --- Top Nav Bar Höhe --- */
.main-navigation a {
padding-top: 3px!important;
padding-bottom: 6px!important;
border: none!important;
}
.navigation-top {
padding-top: 2px;
}
/* --- Scroll-down Icon ausblenden --- */
.menu-scroll-down .icon {
display: none;
}
/* --- Contact-bar --- */
#mobile-contact-bar {
width: auto!important;
margin-bottom: 8px;
}
/* Überschriften
---------------------------------------
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
padding-top: 0!important;
} ------ */
.colors-custom h1, h1, .colors-custom h2, h2, .colors-custom h3, h3, .colors-custom h4, h4, .colors-custom h5, h5, .colors-custom h6, h6 {
/* font-family: 'Concert One', sans-serif!important; */
color: #e2010c!important;
font-size: calc(12px + 1.5vw)!important;
font-weight: 900!important;
text-align: center!important;
/* color: #444!important;
font-weight: 700;
font-size: 1.4em!important;
font-size: 1.875rem; */
text-transform: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
letter-spacing: 1px;
}
.site-footer h2.widget-title {
color: #444!important;
font-size: 1rem!important;
font-weight: 800;
letter-spacing: 1px;
text-transform: none;
/* font-family: 'Concert One', sans-serif!important; */
text-shadow: none!important;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
margin-bottom: .4em;
text-align: left!important;
}
.site-footer h2.widget_text a {
color: #ffffff!important;
}
.wp-block-cover__inner-container p {
font-size: 2rem!important;
font-weight: 700;
}
.site-info a {
color: #ffffff!important;
}
.site-info p {
color: #ffffff!important;
}
.ueberschrift {
font-size: 1.4rem!important;
font-weight: 600;
color: #444;
letter-spacing: 1px;
text-transform: none;
/* font-family: 'Concert One', sans-serif!important; */
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
.teaser-tile {
font-size: 1.4rem!important;
font-weight: 600;
color: #444;
letter-spacing: 0;
text-transform: uppercase;
/* font-family: 'Concert One', sans-serif!important; */
}
.page.page-one-column .entry-header {
margin-bottom: 0.6em;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding: 1.5em 0;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
color: #444;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: normal;
text-transform: none;
/* font-family: 'Concert One', sans-serif!important; */
letter-spacing: 0;
}
/* --- Wir können wir dir helfen - Section
.cta-ueberschrift {
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.3px;
cursor: pointer;
color: #ffffff!important;
/* font-family: 'Concert One', sans-serif!important; */
/* }
@media only screen and (max-width: 600px) {
.cta-ueberschrift {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0;
}
} ---*/
/* --- Abstand H1 Überschrift Content
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 0em;
} --- */
/* Spalten #3b5998
--------------------------------------------- */
.container {
background: transparent;
}
.cards {
list-style: none;
padding: 0;
background: transparent;
margin: 0;
}
.cards__item {
padding: 0;
margin: 0 5px 10px 0;
background: linear-gradient(to top, #0088ff 0%, #144cab 100%);
display: flex;
flex-direction: column;
max-width: 185px;
flex: 0 calc(100%/4 - 15px);
}
.cards__item_aktuell {
padding: 0;
margin: 0 5px 0 0;
background: linear-gradient(to top, #0088ff 0%, #144cab 100%);
display: flex;
flex-direction: column;
max-width: 240px;
flex: 0 calc(100%/5 - 5px);
}
.cards__item_ohne_bg {
list-style: none;
margin: 0 25px 10px 0;
background: none;
max-width: 250px;
flex: 0 calc(100%/3 - 15px);
}
.cards__item img {
width: 100%;
height: auto;
}
.cards__elem {
margin: 0;
}
.cards__elem_img {
margin-top: 0;
}
.cards__elem_name {
/* font-family: 'Concert One', sans-serif!important; */
font-size: 1.3rem;
text-align: center;
font-weight: 500;
color: white;
padding-top: 5px;
}
.cards__elem_post {
color: white;
vertical-align: top;
padding: 10px;
font-weight: 500;
max-width: 290px;
}
.cards__elem cards__elem_post {
align-items: baseline;
}
.cards__elem_button {
margin-top: auto;
text-align: center;
}
.cards__item .wpb_button {
display:block;
}
.cards__item .wpb_button:hover {
}
.cards__item_aktuell .wpb_button {
display:block;
}
.cards__item_aktuell .wpb_button:hover {
}
.cards__list {
display: flex;
flex-flow: row wrap;
color: #000000;
font-weight: 500;
}
.cards ul {
margin-left: 0;
}
@media (max-width: 991px) {
.cards__item {
flex: 0 calc(100%/3 - 15px);
}
.cards__item_aktuell {
flex: 0 calc(100%/3 - 15px);
}
}
@media (max-width: 767px) {
.cards__item {
flex: 0 calc(100%/2 - 15px);
}
.cards__item_aktuell {
flex: 0 calc(100%/2 - 15px);
}
}
@media (max-width: 479px) {
.cards__item {
flex: 0 100%;
max-width: 300px;
}
.cards__item_aktuell {
flex: 0 100%;
max-width: 300px;
}
}
/*@media screen and (min-width:30em)*/
img.alignright {
float: right;
margin-left: 0;
}
/* ICON Telefon */
a[href^="tel:"] {
color: #000!important;
text-decoration: none;
}
/* Telefon + Email unter dem Contactformular
--------------------------------------------- */
.info-text {
/* font-family: 'Concert One', sans-serif!important; */
background-image: linear-gradient(to top, #313131 0%, #3b5998 100%);
color: #ffffff;
font-size: 1.4rem;
padding: 20px 0;
text-align: center;
margin-top: 2em;
font-weight: 500;
letter-spacing: 0;
text-transform: uppercase;
}
.colors-custom .info-text a {
font-size: 1rem!important;
text-transform: none;
color: #ffffff!important;
font-weight: 400!important;
}
@media only screen and (max-width: 600px) {
.info-text {
font-size: 1rem;
text-transform: none;
}
.colors-custom .entry-content a {
font-size: 1rem;
text-transform: none;
}
}
/* --- Tablelle --- */
table {
margin: 0 0 1em;
width: auto;
}
td {
padding: .2em;
}
tr {
border: none;
}
/* --- Image --- */
.bild img {
width: 40%;
height: auto;
}
@media (max-width: 479px) {
img {
width: 100%;
}
}
/* --- fix for Chrome images --- */
.panel-image {
transform: translateY(0);
}
/* Buttons
--------------------------------------------- */
.wpb_button {
text-decoration: none!important;
padding: 5px 10px;
margin: 0 0 ;
background: #144cab!important;
color: #ffffff!important;
border: none!important;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.9rem;
}
a.wpb_button {
text-decoration: none!important;
color: #ffffff!important;
border: none!important;
}
a.wpb_button:hover {
background: #e2010c!important;
color: #ffffff!important;
border: none!important;
}
/*.wpb_button-white {
padding: 5px 10px;
margin: 0;
font-weight: bold;
text-decoration: none;
border-radius: 0;
white-space:nowrap;
background: transparent!important;
border: 2px solid #ffffff;
color: #ffffff!important;
}
.wpb_button-white:hover {
text-decoration: none;
background: #000000!important;
color: #ffffff!important;
}
a.wpb_button-white {
text-decoration: none;
}
.colors-custom .site-footer .widget-area .wpb_button-white:hover {
text-decoration: none;
background: #000000!important;
color: #ffffff!important;
} */
.colors-custom button.secondary:hover, .colors-custom hr {
background: #ffffff;
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: none;
}
.back-button {
float: right;
}
button, input[type="button"], input[type="submit"] {
-webkit-border-radius: 0;
border-radius: 0;
color: #ffffff!important;
border: none!important;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.5em 1em;
background-color: #012061!important;
}
.ssttbutton-background {
color: #012061
}
/* --- Buchungs Button --- */
.colors-custom button, .colors-custom input[type=button], .colors-custom input[type=submit], .colors-custom .entry-footer .edit-link a.post-edit-link {
background-color: #012061!important;
color: #ffffff!important;
font-weight: 600;
z-index: 2;
padding: 5px 10px;
border: none!important;
}
.colors-custom button:hover, .colors-custom input[type=button]:hover, .colors-custom input[type=submit]:hover, .colors-custom .entry-footer .edit-link a.post-edit-link {
background-color: #ed5116!important;
color: #ffffff!important;
border: none!important;
}
button:hover, input[type=button]:hover, input[type=submit]:hover, .entry-footer .edit-link a.post-edit-link {
background-color: #ed5116!important;
color: #ffffff!important;
border: none!important;
}
/*
input+button, input+input[type=button] {
background-color: #012061!important;
color: #ffffff!important;
border: none!important;
}*/
input+input[type=submit]:hover {
background-color: #ed5116!important;
color: #ffffff!important;
border: none!important;
}
.colors-custom button, .colors-custom input[type=button], .colors-custom input[type=submit], .colors-custom .entry-footer .edit-link a.post-edit-link {
background-color: #012061!important;
border: none;
}
.colors-custom button:hover, .colors-custom input[type=button]:hover, .colors-custom input[type=submit]:hover {
background-color: #012061;
color: #ffffff;
border: none;
}
/* --- Social Media Button --- */
.social-navigation a {
background-color: #ffffff;
}
/* --- Instagram Button --- */
.insta-gallery-feed .insta-gallery-actions .insta-gallery-button {
color: #fff!important;
}
/* Links
--------------------------------------------- */
a[href^="tel:"]:before {
margin-right: 0.5em;
color: #000;
}
a[href^="tel:"] {
color: #ffffff!important;
text-decoration: none;
}
a:hover[href^="tel:"] {
color: #ffffff!important;
text-decoration: underline;
}
a[href^="mailto:"]:before {
margin-right: 0.5em;
color: #000;
}
a[href^="mailto:"] {
color: #ffffff!important;
text-decoration: none;
}
a:hover[href^="mailto:"] {
color: #ffffff!important;
text-decoration: underline;
}
/* Textfeldrahmen
--------------------------------------------- */
.is-rahmen {
background: white;
color: #000000;
padding: 1em;
margin-bottom: 1em;
border: 0 solid #000;
}
.is-rahmen a{
color: #fff;
}
.is-rahmen a:hover, a:focus, a:active {
color: #fff;
}
.is-rahmen-blau {
background: #fe5e24;
color: #ffffff;
padding: 1em;
margin-bottom: 1em;
border: 0 solid #000;
}
.is-rahmen-blau a{
color: #fff;
}
.is-rahmen-blau a:hover, a:focus, a:active {
color: #fff;
}
/****** Preis Rahmen Grau ******/
.bg-grau {
background-color: #fe5e24;
padding: 5px 5px 0 5px;
color: #fff;
margin-bottom: 15px;
}
div .bg-grau {
width: auto;
display: inline-block;
border-radius: 0;
}
/* FAQ Liste
--------------------------------------------- */
summary:-webkit-details-marker {
display: none;
}
summary:after {
content: "";
float: left;
margin-right: 10px;
font-weight: 900;
font-size: 1.1rem;
}
details[open] summary:after {
content: "";
font-weight: 900;
font-size: 1.1rem;
}
details {
margin-bottom: .7em;
}
summary {
padding-left: 0;
}
details[open] summary {
font-weight: 600;
color: #008000;
margin-bottom: 1em;
}
@media (max-width: 450px) {
summary {
font-size: 1rem;
} }
/* Leao
--------------------------------------------- */
.leao-product-list-teaser {
color: #000000;
}
.leao-product-list-title {
font-family: "Roboto",display!important;
font-size: 1.4em!important;
color: #000000!important;
text-transform: uppercase;
margin-top: 1em;
clear: both;
line-height: 2em;
font-weight: 500;
text-align: left;
}
.leao-product-list-row {
clear: both;
border-bottom: #ccc solid 1px;
margin-bottom: 10px;
}
.leao-product-list-name {
font-weight: bold;
float: left;
padding: 5px;
}
.leao-product-list-teaser {
font-weight: normal;
font-size: 0.8em;
color: #000000;
width: 900px;
}
@media screen and (max-width: 800px) {
.leao-product-list-teaser {
width: 90%;
} }
.leao-product-price {
float: right;
font-size: 1em;
font-weight: 900;
color: #ed5116;
padding-bottom: 10px!important;
}
.leao-product-price-left {
float: left;
font-size: 1.5em;
font-weight: bold;
}
.leao-btn-book {
background-color: #ed5116!important;
}
.leao-btn {
font-size: 15px;
margin-left: 15px;
padding: 2px 10px;
text-decoration: none;
color: #fff !important;
border-radius: 0;
border: 2px solid #ed5116!important;
}
.leao-btn:hover {
color: #008000!important;
border: 2px solid #ed5116!important;
border-radius: 0;
background-color: #ffffff!important;
}
/* Preisliste
--------------------------------------------- */
.product-list {
margin-bottom: 50px;
clear: both;
}
.product-list-row {
clear: both;
border-bottom: #ccc solid 1px;
padding: 5px;
}
.product-list-name {
color: #000;
font-weight: 900;
float: left;
}
.product-list-teaser {
color: #363636;
font-weight: 400;
}
.product-price {
float: right;
font-size: 1rem;
font-weight: 900;
color: #ed5116;
}
.clearfix {
clear: both;
}
label {
font-weight: 500;
font-size: 1rem;
}
/* ContactForm 7
--------------------------------------------- */
.screen-reader-response {
display: none;
}
.wpcf7-response-output {
margin-top: 1em;
font-size: 1.2rem;
color: green;
font-weight: 600;
}
input[type="select"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
background: #ffffff;
padding: 0.3em;
color: #000000!important;
}
.wpcf7-form-control-wrap product-1 {
color: #ed5116!important;
}
.colors-custom input[type=text] {
color: #000000!important;
margin-bottom: 12px;
}
.colors-custom input[type=date] {
border-color: #000000!important;
color: #000000!important;
}
.wpcf7-form-control-wrap menu-104 {
background: #ffffff;
padding: 0.3em;
}
.wpcf7 textarea {
height: 50px;
width: 300px;
}
div.wpcf7 {
font-size: 0.9rem;
width: 80%;
background-color: #f2f2f2;
/* background-image: linear-gradient(to top, #313131 0%, #3b5998 100%); */
padding: 0;
color: #676767;
}
@media (max-width: 450px) {
div.wpcf7 {
width: auto;
} }
span.wpcf7-list-item {
display: block;
}
.wpcf7 select {
width: 400px;
text-align: right;
font-weight: 500;
padding-left: 2px;
}
.wpcf7 input[type="submit"] {
background: #ed5116!important;
border: none;
color: #ffffff!important;
}
.wpcf7 input[type="submit"]:hover {
background: #3b5998!important;
color: #ffffff!important;
border: none;
}
input+button, input+input[type=button], input+input[type=submit] {
padding: 10px 15px;
}
.product-list-teaser {
color: #000000;
}
.colors-custom input[type="text"], .colors-custom input[type="email"], .colors-custom input[type="url"], .colors-custom input[type="password"], .colors-custom input[type="search"], .colors-custom input[type="number"], .colors-custom input[type="tel"], .colors-custom input[type="range"], .colors-custom input[type="date"], .colors-custom input[type="month"], .colors-custom input[type="week"], .colors-custom input[type="time"], .colors-custom input[type="datetime"], .colors-custom input[type="datetime-local"], .colors-custom input[type="color"], .colors-custom textarea, .colors-custom select, .colors-custom fieldset, .colors-custom .widget .tagcloud a:hover, .colors-custom .widget .tagcloud a:focus, .colors-custom .widget.widget_tag_cloud a:hover, .colors-custom .widget.widget_tag_cloud a:focus, .colors-custom .wp_widget_tag_cloud a:hover, .colors-custom .wp_widget_tag_cloud a:focus {
border-color: #000000!important;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
}
.colors-custom select {
background: #ffffff!important;
border-color: #000000!important;
border: 0 solid #ffffff;
margin: 7px 0;
}
div.wpcf7 label {
color: #676767;
font-size: 1rem;
}
div.wpcf7 label a{
color: #676767;
text-decoration: underline black!important;
}
div.wpcf7 label a:hover {
color: #ed5116!important;
}
.wpcf7-validates-as-date {
font-size: 1.2rem;
}
select {
-webkit-border-radius: 0;
border-radius: 0;
height: 2.26em;
}
@media only screen and (min-width: 38em) {
.wps-form-column {
padding: 0;
}}
/* ContactForm 7 mehrspaltig
--------------------------------------------- */
.wps-form {
width: 100%;
margin: 0;
}
.wps-form-row {
display: flex;
flex-direction: column;
width: 100%;
}
.wps-form-row .wpcf7-form-control {
width: 100%;
}
.wps-form-column {
flex: 1;
padding: 0.3em 0;
width: 100%;
}
.wps-form-column {
padding: 0;
}
/* Notebook / Desktop CF7 mehrspaltig
--------------------------------------------- */
@media only screen and ( min-width: 38em ) {
.wps-form-row {
flex-direction: row;
}
.wps-form-column {
padding: 0.3em 0.3em;
}
}
/* Tarifa Preise
--------------------------------------------- */
.tarifa-product-price {
float: left;
font-size: 1rem;
font-weight: 900;
color: #ed5116;
}
.horizontale-line {
margin-top: 2em;
clear: both;
border-bottom: #ccc solid 1px;
}
/* Footer
--------------------------------------------- */
.site-footer .wrap {
padding-bottom: 3em;
}
.site-footer {
background-image: linear-gradient(to top, #0088ff 0%, #144cab 100%);
}
.colors-custom .site-footer {
border-top-color: #000000!important;
}
.site-footer h2.widget-title {
color: #ffffff!important;
}
.site-footer .widget_text {
color: #ffffff!important;
}
.colors-custom .site-footer .widget-area a {
color: #ffffff!important;
}
.colors-custom .site-footer .widget-area a:hover {
color: #ed5116!important;
}
.site-footer .widget-area {
padding-bottom: 0;
padding-top: 0;
}
.colors-custom .site-info a {
color: #ffffff!important;
}
.colors-custom .site-info a:hover {
color: #ed5116!important;
text-decoration: none!important;
}
.site-footer .widget-area a {
color: white;
}
.site-footer .widget-area .icon {
color: #ffffff;
}
/* --- Suchleiste --- */
.search-form .search-submit {
border: 1px solid black;
}
.search-submit .icon {
color: #ffffff!important;
}
.search-form .search-submit .icon {
top: -4px;
}
input+button, input+input[type=button], input+input[type=submit]:hover {
background-color: #144cab!important;
color: #ffffff!important;
}
button, input[type="button"], input[type="submit"] {
background-color: #e2020d!important;
border: 2px solid #ed5116;
color: #ffffff;
}
/**
* c24pp specific normalization
*/
div.c24pp1.c24pp2.c24pp3:before,
div.c24pp1.c24pp2.c24pp3:after,
div.c24pp1.c24pp2.c24pp3 *:not(optgroup):before,
div.c24pp1.c24pp2.c24pp3 *:not(optgroup):after {
content: initial;
margin: initial;
padding: initial;
border: initial;
}
.c24pp1.c24pp2.c24pp3 {
font-size: 12px;
box-sizing: border-box;
font-family: sans-serif;
font-weight: normal;
position: static;
}
.c24pp1.c24pp2.c24pp3 * {
color: inherit;
font-size: inherit;
box-sizing: inherit;
font-family: inherit;
font-weight: inherit;
margin: initial;
padding: initial;
border: initial;
position: initial;
line-height: initial;
outline: initial;
background: initial;
}
.c24pp1.c24pp2.c24pp3 ul li {
list-style-image: none;
list-style: initial;
display: list-item;
}
.c24pp1.c24pp2.c24pp3 a {
background-color: transparent;
}
.c24pp1.c24pp2.c24pp3 a:active,
.c24pp1.c24pp2.c24pp3 a:hover {
outline: 0;
}
.c24pp1.c24pp2.c24pp3 b,
.c24pp1.c24pp2.c24pp3 strong {
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3 h1 {
font-size: 2em;
margin: 0.67em 0;
}
.c24pp1.c24pp2.c24pp3 img {
border: 0;
}
.c24pp1.c24pp2.c24pp3 button,
.c24pp1.c24pp2.c24pp3 input,
.c24pp1.c24pp2.c24pp3 optgroup,
.c24pp1.c24pp2.c24pp3 select,
.c24pp1.c24pp2.c24pp3 textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
.c24pp1.c24pp2.c24pp3 button {
overflow: visible;
}
.c24pp1.c24pp2.c24pp3 button,
.c24pp1.c24pp2.c24pp3 select {
text-transform: none;
}
.c24pp1.c24pp2.c24pp3 button,
.c24pp1.c24pp2.c24pp3 html input[type="button"],
.c24pp1.c24pp2.c24pp3 input[type="reset"],
.c24pp1.c24pp2.c24pp3 input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
.c24pp1.c24pp2.c24pp3 button[disabled],
.c24pp1.c24pp2.c24pp3 html input[disabled] {
cursor: default;
}
.c24pp1.c24pp2.c24pp3 button::-moz-focus-inner,
.c24pp1.c24pp2.c24pp3 input::-moz-focus-inner {
border: 0;
padding: 0;
}
.c24pp1.c24pp2.c24pp3 input {
line-height: normal;
}
.c24pp1.c24pp2.c24pp3 input[type="checkbox"],
.c24pp1.c24pp2.c24pp3 input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
.c24pp1.c24pp2.c24pp3 input[type="number"]::-webkit-inner-spin-button,
.c24pp1.c24pp2.c24pp3 input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
.c24pp1.c24pp2.c24pp3 input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
.c24pp1.c24pp2.c24pp3 input[type="search"]::-webkit-search-cancel-button,
.c24pp1.c24pp2.c24pp3 input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.c24pp1.c24pp2.c24pp3 optgroup {
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3 table {
border-collapse: collapse;
border-spacing: 0;
}
.c24pp1.c24pp2.c24pp3 td,
.c24pp1.c24pp2.c24pp3 th {
padding: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-hidden {
display: none;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-clearfix:before,
.c24pp1.c24pp2.c24pp3 .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-clearfix:after {
clear: both;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-clearfix {
min-height: 0;
/* support: IE7 */
}
.c24pp1.c24pp2.c24pp3 .ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
/* support: IE8 */
}
.c24pp1.c24pp2.c24pp3 .ui-front {
z-index: 100;
}
.c24pp1.c24pp2.c24pp3 .ui-state-disabled {
cursor: default !important;
}
.c24pp1.c24pp2.c24pp3 .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c24pp1.c24pp2.c24pp3 .ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev,
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev-hover,
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next {
right: 2px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev span,
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker select.ui-datepicker-month,
.c24pp1.c24pp2.c24pp3 .ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker td {
border: 0;
padding: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker td span,
.c24pp1.c24pp2.c24pp3 .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl {
direction: rtl;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-menu {
position: absolute;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0;
/* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-state-focus,
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-state-active {
margin: -1px;
}
.c24pp1.c24pp2.c24pp3 .ui-menu-icons {
position: relative;
}
.c24pp1.c24pp2.c24pp3 .ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.c24pp1.c24pp2.c24pp3 .ui-widget .ui-widget {
font-size: 1em;
}
.c24pp1.c24pp2.c24pp3 .ui-widget input,
.c24pp1.c24pp2.c24pp3 .ui-widget select,
.c24pp1.c24pp2.c24pp3 .ui-widget textarea,
.c24pp1.c24pp2.c24pp3 .ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-content {
border: 1px solid #dcdcdc;
background: #ffffff url("/filestore/712/ui-bg-flat-0-ffffff-40x100.png") 50% 50% repeat-x;
color: #666;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-content a {
color: #666;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-header {
border: 1px solid #005ea8;
background: #005ea8 url("/filestore/712/ui-bg-flat-0-005ea8-40x100.png") 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-header a {
color: #ffffff;
}
.c24pp1.c24pp2.c24pp3 .ui-state-default,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-default,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-default {
border: 1px solid #dcdcdc;
background: #f7f7f7 url("/filestore/712/ui-bg-flat-75-f7f7f7-40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #005ea8;
}
.c24pp1.c24pp2.c24pp3 .ui-state-default a,
.c24pp1.c24pp2.c24pp3 .ui-state-default a:link,
.c24pp1.c24pp2.c24pp3 .ui-state-default a:visited {
color: #005ea8;
text-decoration: none;
}
.c24pp1.c24pp2.c24pp3 .ui-state-hover,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-hover,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-hover,
.c24pp1.c24pp2.c24pp3 .ui-state-focus,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-focus,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-focus {
border: 1px solid #005ea8;
background: #005ea8 url("/filestore/712/ui-bg-flat-0-005ea8-40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #005ea8;
}
.c24pp1.c24pp2.c24pp3 .ui-state-hover a,
.c24pp1.c24pp2.c24pp3 .ui-state-hover a:hover,
.c24pp1.c24pp2.c24pp3 .ui-state-hover a:link,
.c24pp1.c24pp2.c24pp3 .ui-state-hover a:visited,
.c24pp1.c24pp2.c24pp3 .ui-state-focus a,
.c24pp1.c24pp2.c24pp3 .ui-state-focus a:hover,
.c24pp1.c24pp2.c24pp3 .ui-state-focus a:link,
.c24pp1.c24pp2.c24pp3 .ui-state-focus a:visited {
color: #005ea8;
text-decoration: none;
}
.c24pp1.c24pp2.c24pp3 .ui-state-active,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-active,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url("/filestore/712/ui-bg-flat-0-ffffff-40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.c24pp1.c24pp2.c24pp3 .ui-state-active a,
.c24pp1.c24pp2.c24pp3 .ui-state-active a:link,
.c24pp1.c24pp2.c24pp3 .ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
.c24pp1.c24pp2.c24pp3 .ui-state-highlight,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-highlight,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-highlight {
border: 1px solid #005ea8;
background: #005ea8 url("/filestore/712/ui-bg-flat-0-005ea8-40x100.png") 50% 50% repeat-x;
color: #fff;
}
.c24pp1.c24pp2.c24pp3 .ui-state-highlight a,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-highlight a,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-highlight a {
color: #fff;
}
.c24pp1.c24pp2.c24pp3 .ui-state-error,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-error,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
color: #cd0a0a;
}
.c24pp1.c24pp2.c24pp3 .ui-state-error a,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-error a,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.c24pp1.c24pp2.c24pp3 .ui-state-error-text,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-error-text,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.c24pp1.c24pp2.c24pp3 .ui-priority-primary,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-priority-primary,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3 .ui-priority-secondary,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-priority-secondary,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: alpha(opacity=70);
/* support: IE8 */
font-weight: normal;
}
.c24pp1.c24pp2.c24pp3 .ui-state-disabled,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-disabled,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: alpha(opacity=35);
/* support: IE8 */
background-image: none;
}
.c24pp1.c24pp2.c24pp3 .ui-state-disabled .ui-icon {
filter: alpha(opacity=35);
/* support: IE8 - See #6059 */
}
.c24pp1.c24pp2.c24pp3 .ui-icon {
width: 16px;
height: 16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-icon {
background-image: url("/filestore/28/ui-icons-666-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-icon {
background-image: url("/filestore/323/ui-icons-ffffff-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-default .ui-icon {
background-image: url("/filestore/28/ui-icons-005ea8-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-hover .ui-icon,
.c24pp1.c24pp2.c24pp3 .ui-state-focus .ui-icon {
background-image: url("/filestore/323/ui-icons-ffffff-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-active .ui-icon {
background-image: url("/filestore/28/ui-icons-454545-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-highlight .ui-icon {
background-image: url("/filestore/28/ui-icons-fff-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-error .ui-icon,
.c24pp1.c24pp2.c24pp3 .ui-state-error-text .ui-icon {
background-image: url("/filestore/28/ui-icons-cd0a0a-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-icon-blank {
background-position: 16px 16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-n {
background-position: 0 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-ne {
background-position: -16px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-e {
background-position: -32px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-se {
background-position: -48px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-s {
background-position: -64px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-sw {
background-position: -80px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-w {
background-position: -96px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-nw {
background-position: -112px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-4 {
background-position: 0 -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-extlink {
background-position: -32px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-newwin {
background-position: -48px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-refresh {
background-position: -64px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-shuffle {
background-position: -80px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-folder-open {
background-position: -16px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-document {
background-position: -32px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-document-b {
background-position: -48px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-note {
background-position: -64px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-mail-closed {
background-position: -80px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-mail-open {
background-position: -96px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-suitcase {
background-position: -112px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-comment {
background-position: -128px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-person {
background-position: -144px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-print {
background-position: -160px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-trash {
background-position: -176px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-locked {
background-position: -192px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-unlocked {
background-position: -208px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-bookmark {
background-position: -224px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-tag {
background-position: -240px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-home {
background-position: 0 -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-flag {
background-position: -16px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-calendar {
background-position: -32px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-cart {
background-position: -48px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-pencil {
background-position: -64px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-clock {
background-position: -80px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-disk {
background-position: -96px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-calculator {
background-position: -112px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-zoomin {
background-position: -128px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-zoomout {
background-position: -144px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-search {
background-position: -160px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-wrench {
background-position: -176px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-gear {
background-position: -192px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-heart {
background-position: -208px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-star {
background-position: -224px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-link {
background-position: -240px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-cancel {
background-position: 0 -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-plus {
background-position: -16px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-plusthick {
background-position: -32px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-minus {
background-position: -48px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-minusthick {
background-position: -64px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-close {
background-position: -80px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-closethick {
background-position: -96px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-key {
background-position: -112px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-lightbulb {
background-position: -128px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-scissors {
background-position: -144px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-clipboard {
background-position: -160px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-copy {
background-position: -176px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-contact {
background-position: -192px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-image {
background-position: -208px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-video {
background-position: -224px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-script {
background-position: -240px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-alert {
background-position: 0 -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-info {
background-position: -16px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-notice {
background-position: -32px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-help {
background-position: -48px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-check {
background-position: -64px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-bullet {
background-position: -80px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-radio-on {
background-position: -96px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-radio-off {
background-position: -112px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-pin-w {
background-position: -128px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-pin-s {
background-position: -144px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-play {
background-position: 0 -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-pause {
background-position: -16px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-next {
background-position: -32px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-prev {
background-position: -48px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-end {
background-position: -64px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-start {
background-position: -80px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-first {
background-position: -80px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-stop {
background-position: -96px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-eject {
background-position: -112px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-volume-off {
background-position: -128px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-volume-on {
background-position: -144px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-power {
background-position: 0 -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-signal-diag {
background-position: -16px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-signal {
background-position: -32px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-battery-0 {
background-position: -48px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-battery-1 {
background-position: -64px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-battery-2 {
background-position: -80px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-battery-3 {
background-position: -96px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-plus {
background-position: 0 -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-minus {
background-position: -16px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-close {
background-position: -32px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-check {
background-position: -208px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-corner-all,
.c24pp1.c24pp2.c24pp3 .ui-corner-top,
.c24pp1.c24pp2.c24pp3 .ui-corner-left,
.c24pp1.c24pp2.c24pp3 .ui-corner-tl {
border-top-left-radius: 6px;
}
.c24pp1.c24pp2.c24pp3 .ui-corner-all,
.c24pp1.c24pp2.c24pp3 .ui-corner-top,
.c24pp1.c24pp2.c24pp3 .ui-corner-right,
.c24pp1.c24pp2.c24pp3 .ui-corner-tr {
border-top-right-radius: 6px;
}
.c24pp1.c24pp2.c24pp3 .ui-corner-all,
.c24pp1.c24pp2.c24pp3 .ui-corner-bottom,
.c24pp1.c24pp2.c24pp3 .ui-corner-left,
.c24pp1.c24pp2.c24pp3 .ui-corner-bl {
border-bottom-left-radius: 6px;
}
.c24pp1.c24pp2.c24pp3 .ui-corner-all,
.c24pp1.c24pp2.c24pp3 .ui-corner-bottom,
.c24pp1.c24pp2.c24pp3 .ui-corner-right,
.c24pp1.c24pp2.c24pp3 .ui-corner-br {
border-bottom-right-radius: 6px;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-overlay {
background: #aaaaaa url("/filestore/712/ui-bg-flat-0-aaaaaa-40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: alpha(opacity=30);
/* support: IE8 */
}
.c24pp1.c24pp2.c24pp3 .ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url("/filestore/712/ui-bg-flat-0-aaaaaa-40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: alpha(opacity=30);
/* support: IE8 */
border-radius: 8px;
}
/*!
* Shared widget styles
*
* @author Dennis Möhlmann
* @copyright Check24 Vergleichsportal GmbH
*/
div.c24pp1.c24pp2.c24pp3 {
color: #005ea8;
border: 1px solid #dcdcdc;
background: #fafafa;
width: 100%;
height: 220px;
}
div.c24pp1.c24pp2.c24pp3 select,
div.c24pp1.c24pp2.c24pp3 input,
div.c24pp1.c24pp2.c24pp3 option,
div.c24pp1.c24pp2.c24pp3 optgroup {
color: #000;
font-weight: normal;
}
div.c24pp1.c24pp2.c24pp3 option {
padding: 2px;
}
div.c24pp1.c24pp2.c24pp3 optgroup option {
padding-left: 10px;
}
div.c24pp1.c24pp2.c24pp3 select,
div.c24pp1.c24pp2.c24pp3 input {
background-color: #fff;
}
div.c24pp1.c24pp2.c24pp3 select.c24pp-error,
div.c24pp1.c24pp2.c24pp3 input.c24pp-error {
border: 1px solid red !important;
}
div.c24pp1.c24pp2.c24pp3 .ui-datepicker-calendar a.ui-state-hover {
color: #ffffff;
border: 1px solid #dcdcdc;
}
div.c24pp1.c24pp2.c24pp3 .ui-datepicker-calendar a.ui-state-hover.ui-state-active {
color: #ffffff;
background: #005ea8;
}
div.c24pp1.c24pp2.c24pp3 .ui-datepicker-today a {
border: 1px solid #dcdcdc;
}
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li.ui-menu-item {
margin: 0 0 0 0;
border: 1px solid #fff;
}
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li.ui-menu-item.ui-state-focus,
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li:hover {
background: #E0EDF7;
border: 1px solid #005ea8;
margin: 0 0 0 0;
}
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li.ui-menu-item.ui-state-disabled,
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li.ui-menu-item.ui-state-disabled:hover {
background: #E0EDF7;
font-weight: bold;
color: #444;
opacity: 1;
margin: 0 0 0 0;
border: 1px solid #fff;
}
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li em {
font-weight: bold;
font-style: normal;
}
div.c24pp1.c24pp2.c24pp3.c24rentalcar {
height: 333px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-dep-location,
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-ret-location,
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-dep,
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-ret,
.c24pp1.c24pp2.c24pp3.c24rentalcar select.c24rentalcar-dep-time,
.c24pp1.c24pp2.c24pp3.c24rentalcar select.c24rentalcar-ret-time,
.c24pp1.c24pp2.c24pp3.c24rentalcar select.c24rentalcar-customer-age {
border: 1px solid #bbbbbb;
height: 27px;
width: 100%;
display: inline-block;
padding: 0 0 0 6px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-dep,
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-ret,
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-dep-time,
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-ret-time {
margin: 10px 0 5px 0;
display: inline-block;
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-title {
display: inline-block;
font-size: 22px;
width: 100%;
text-align: center;
margin: 12px 0 10px 0;
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-dep-location {
margin: 0 12px 0 12px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-ret-location {
margin: 4px 12px 0 12px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-ret-location-select {
margin: 4px 12px 0 12px;
padding-top: 3px;
height: 27px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-ret-location-select,
.c24pp1.c24pp2.c24pp3.c24rentalcar label.c24rentalcar-ret-location-select {
display: inline-block;
font-weight: bold;
vertical-align: middle;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar label.c24rentalcar-ret-location-select {
margin-left: 2px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-left,
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-right {
display: inline-block;
vertical-align: top;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-left {
width: 70%;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-right {
width: 30%;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-left.c24rentalcar-buttonrow {
width: 50%;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-right.c24rentalcar-buttonrow {
width: 50%;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-left {
padding: 0 3px 0 12px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-right {
padding: 0 12px 0 3px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar button.c24rentalcar-submit {
border-radius: 4px;
border: 0;
margin: 15px 0 0 0;
padding: 8px;
color: #fff;
background-color: #1980d0;
font-weight: bold;
width: 100%;
cursor: pointer;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar button.c24rentalcar-submit:hover {
background-color: #1670b7;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar button.c24rentalcar-submit:active {
background-color: #1670b7;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-logo {
margin: 20px 0 0 0;
background-image: url(/filestore/712/widget-logo-107x25.png);
width: 107px;
height: 25px;
}
/*
Theme Name: twentyseventeen child theme
Description: Write here a brief description about your child-theme
Author: Surferhai
Author URL: Write here the author's blog or website url
Template: twentyseventeen
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen-child
*/
/* Write here your own personal stylesheet */
/* Unterseiten Computer screen & Mobile screen */
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
height: 600px!important;
}
/* Frontpage Computer screen & Mobile screen */
.has-header-image.twentyseventeen-front-page .custom-header {
/*display: table;*/
/*height: 300px;*/
/*height: 75vh;*/
height: 78vh;
/*width: 100%;*/
}
/* Liste horizontak anordnen */
.liste ul {
text-align: center;
margin: 0;
padding: 0;
}
.liste li {
display: inline;
list-style: none;
margin-right: 10px;
padding: 5px 10px;
background: #fff;
}
/* Headerbild anpassen
@media (max-width: 600px){
.has-header-image .custom-header-media img{
object-fit: cover;
background: #f2f2f2;
}
} */
/*
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media img, .twentyseventeen-front-page.has-header-video .custom-header-media video, .twentyseventeen-front-page.has-header-video .custom-header-media iframe {
position: absolute!important;
}*/
.iswhitefett {
color: #ffffff;
font-size: 1.2em;
font-weight: 800;
}
.wp-block-column {
padding-right: .1em;
}
/* Wie können wir dir helfen */
.iswhiteblue {
background-image: linear-gradient(to top, #0088ff 0%, #144cab 100%)!important;
color: #ffffff!important;
padding: 1em!important;
line-height: 1.2;
/* text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 60;
border: 1px solid black; */
}
.wrap {
padding-left: 1em!important;
padding-right: 1em!important;;
}
/* resolve issues with background positioning */
.background-fixed .panel-image {
background-attachment: unset;
}
/* Tabs */
.tab-wrap {
-webkit-transition: 0.3s box-shadow ease;
transition: 0.3s box-shadow ease;
border-radius: 6px;
max-width: 100%;
display: -webkit-box;
display:.tab-wrap {
-webkit-transition: 0.3s box-shadow ease;
transition: 0.3s box-shadow ease;
border-radius: 0;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
list-style: none;
background-color: #fff;
margin: 0!important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}
.tab {
display: none;
background-color: #efefef!important;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tab:checked + label {
background-color: red;
box-shadow: 0 -1px 0 #fff inset;
cursor: default;
color: #fff!important;
}
.tab:checked + label:hover {
box-shadow: 0 -1px 0 #fff inset;
background-color: #fff;
}
.tab + label {
box-shadow: 0 -1px 0 #eee inset;
border-radius: 0;
cursor: pointer;
display: block;
text-decoration: none;
color: #fff;
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
text-align: center;
background-color: #144cab;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
-webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
transition: 0.3s background-color ease, 0.3s box-shadow ease;
height: 50px;
box-sizing: border-box;
padding: 8px;
margin: 1px 2px;
}
.tab + label:hover {
background-color: #f9f9f9;
box-shadow: 0 1px 0 #f4f4f4 inset;
color: #000!important;
}
.tab__content {
padding: 10px 25px;
background-color: transparent;
position: absolute;
width: 100%;
z-index: -1;
opacity: 0;
left: 0;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
border-radius: 0;
} -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
list-style: none;
background-color: #fff;
margin: 40px 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}
.tab {
display: none;
background-color: #efefef!important;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tab:checked + label {
background-color: red;
box-shadow: 0 -1px 0 #fff inset;
cursor: default;
color: #fff!important;
}
.tab:checked + label:hover {
box-shadow: 0 -1px 0 #fff inset;
}
.tab + label {
box-shadow: 0 -1px 0 #eee inset;
border-radius: 0;
cursor: pointer;
display: block;
text-decoration: none;
color: #fff;
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
text-align: center;
background-color: #144cab;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
-webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
transition: 0.3s background-color ease, 0.3s box-shadow ease;
height: 50px;
box-sizing: border-box;
padding: 8px;
margin: .5px 1px;
}
.tab + label:hover {
background-color: red;
box-shadow: 0 1px 0 #f4f4f4 inset;
color: #fff!important;
}
.tab__content {
padding: 10px 25px;
background-color: transparent;
position: absolute;
width: 100%;
z-index: -1;
opacity: 0;
left: 0;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
border-radius: 6px;
}
html {
height: 100%;
}
html.ieedge {
overflow: hidden;
}
body {
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
hyphens: auto;
background: #f2f2f2!important;
}
/*Change main background color*/
.site-content-contain {
background-color: #f2f2f2!important;
}
#content .wrap {
background-color: #f2f2f2!important;
}
.bg-blau-color-white {
background-color: #3b5998;
color: #ffffff;
padding-left: 5px;
}
p {
margin-bottom: 10px !important;
font-size:1.0rem;
}
.cursive {
font-style: italic;
}
body,
button,
input,
select,
textarea {
color: #676767!important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif!important;
/* font-size: 1rem; */
font-weight: 400;
line-height: 1.6;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
border: 0 solid #fff;
-webkit-border-radius: 0;
border-radius: 0;
}
ul {
list-style: circle;
color: #ed5116;
margin-left: 2em;
font-weight: 500;
}
.entry-content a {
font-weight: 600!important;
color: #444!important;
text-decoration: underline!important;
box-shadow: none!important;
}
.entry-content .wp-block-columns a {
font-weight: 600!important;
color: #444!important;
}
.colors-custom .entry-content a {
box-shadow: none!important;
}
.fett {
font-weight: 900!important;
color: #444!important;
font-size: 1.1rem;
}
b, strong {
font-weight: 900!important;
color: #444!important;
}
.underline {
font-weight: 600!important;
color: green!important;
text-decoration: underline;
}
/* Unterstrich unter Links entfernen
--------------------------------------------- */
.site-footer .widget-area a {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
/* .entry-content a, */
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: none!important;
box-shadow: none!important;
text-decoration: none!important;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
box-shadow: none;
-webkit-box-shadow: none!important;
text-decoration: none!important;
}
/* --- Farben --- */
.isred {
color: red;
}
.iswhite {
color: white;
}
.isorange {
color: #ed5116;
}
/* --- hr Separator --- */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 50%!important;
}
.wp-block-separator {
margin-left: 0!important;
margin-right: 0;
}
hr {
margin-bottom: 0.5em;
}
/* Sections
--------------------------------------------- */
/* #panel1 .wrap {
background-image: linear-gradient(to top, #0088ff 0%, #144cab 100%);
}
#panel1 .wrap a {
color: #ffffff;
}
#panel1 .panel-content {
background-image: linear-gradient(to top, #0088ff 0%, #144cab 100%);
}*/
#panel1 .entry-header {
display: none;
}
#panel1 {
border-top: 0 Dotted #fe5e24!important;
}
#panel1 p {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.43px;
cursor: pointer;
text-align: center;
color: #ffffff;
}
#panel1 .panel-content .wrap {
padding-bottom: 10px!important;
padding-top: 10px!important;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #efefef!important;
}
.panel-content .wrap {
padding-bottom: 0em!important;
padding-top: 1.5em!important;
}
#content .wrap {
max-width: 100%;
}
#panel2 .wrap {
background-color: #f2f2f2!important;
}
#panel3 .wrap {
background-color: #f2f2f2!important;
}
#panel4 .wrap {
background-color: #f2f2f2!important;
}
#panel5 .wrap {
background-color: #f2f2f2!important;
}
#panel6 .wrap {
background-color: #f2f2f2!important;
}
#panel7 .wrap {
background-color: #f2f2f2!important;
}
.wp-block-columns {
margin-bottom: 0;
}
/* --- Abstand Text nach oben --- */
.site-content, .panel-content .wrap {
padding-top: 2em;
}
.panel-content .wrap {
padding-bottom: 0.4em!important;
padding-top: 0.4em!important;
}
/* Fonts lokal einbinden
--------------------------------------------- */
/* kaushan-script-regular - latin
@font-face {
font-family: 'Kaushan Script';
font-style: normal;
font-weight: 400;
src: url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.eot); /* IE9 Compat Modes */
src: local('Kaushan Script'), local('KaushanScript-Regular'),
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.woff) format('woff'), /* Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/kaushan-script-v8-latin-regular.svg#KaushanScript) format('svg'); /* Legacy iOS */
} */
/* concert-one-regular - latin
@font-face {
font-family: 'Concert One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.eot); /* IE9 Compat Modes */
src: local('Concert One'), local('ConcertOne-Regular'),
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.woff) format('woff'), /* Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/concert-one-v10-latin-regular.svg#ConcertOne) format('svg'); /* Legacy iOS */
} */
/* roboto-regular - latin
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.eot); /* IE9 Compat Modes */
src: local('Roboto'), local('Roboto-Regular'),
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.woff) format('woff'), /* Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/roboto-v20-latin-regular.svg#Roboto) format('svg'); /* Legacy iOS */
} */
/* bangers-regular - latin
@font-face {
font-family: 'Bangers';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.eot); /* IE9 Compat Modes */
src: local('Bangers Regular'), local('Bangers-Regular'),
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.woff) format('woff'), /* Modern Browsers */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/bangers-v12-latin-regular.svg#Bangers) format('svg'); /* Legacy iOS */
}*/
/* Header
--------------------------------------------- */
#masthead .wrap {
padding: 1em;
text-align: center;
}
body:not(.title-tagline-hidden) .site-branding-text {
padding: 0 10px;
/* margin-bottom: 60%; */
background: rgba(0,0,0, .4);
}
.site-branding {
padding: 0 0;
}
.site-branding-text p {
margin-bottom: 0!important;
}
.site-branding .wrap {
background-color: transparent !important;
padding: 0!important;
margin-bottom: 1em;
overflow: hidden;
}
.custom-header .wrap {
max-width: max-content!important;
}
body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a {
/* font-family: 'Bangers', sans-serif!important; */
font-size: 1.4rem!important;
font-weight: 600;
letter-spacing: 0.1em!important;
}
.site-title {
/* font-family: 'Bangers', sans-serif!important; */
font-size: 1.4rem!important;
font-weight: 600;
letter-spacing: 0.1em!important;
text-align: center;
text-transform: none;
}
.colors-custom .site-title, .colors-custom .site-title a {
color: #fff!important;
font-size: 1.4rem;
/* font-family: 'Bangers', sans-serif!important; */
font-weight: 100;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
letter-spacing: 0.1em!important;
}
body.has-header-image .site-description, body.has-header-video .site-description {
color: #ffffff!important;
/* font-family: 'Concert One', sans-serif!important; */
font-style: italic;
font-size: 1.2rem!important;
letter-spacing: normal;
text-shadow: none;
font-weight: 600;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
opacity: 1;
}
.colors-custom.has-header-image .site-description {
color: #ffffff!important;
/* font-family: 'Concert One', sans-serif!important; */
font-style: italic;
font-size: 1.2rem!important;
letter-spacing: normal;
text-shadow: none;
font-weight: 600;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
opacity: 1;
}
@media only screen and (max-width: 600px) {
.colors-custom.has-header-image .site-description {
font-size: 0.8rem;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
}
/*** Logo ***/
/* Headerbild anpassen */
@media (max-width: 800px){
.custom-logo-link {
display: none;
}
}
.custom-logo-link img {
max-height: 100px;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding, .site-branding {
left: 0;
top: 20px;
}
.custom-logo-link {
padding-right: 0;
}
/* Logo und Title mittig untereinander */
.custom-logo-link {
display: block;
text-align: center;
}
.custom-logo-link img {
display: inline-block;
margin-left: 56px;
}
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
padding-bottom: 0!important;
}
.site-header .navigation-top .menu-scroll-down {
top: 0.3em;
}
.page.page-one-column .entry-header {
margin-bottom: 0!important;
}
/* --- Site BrandingComputer screen --- */
@media screen and (min-width: 48em) {
.has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding, .site-branding {
top: 1em!important;
}
}
/* --- Site Branding Mobile screen --- */
@media screen and (max-width: 767px) {
.custom-header .site-branding {
padding-top: 1em!important;
}
}
/* Die einzelnen Panels an Fensterhöhe anpassen */
.panel-image {
width: 100%; height: 80vh;
}
/*
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
height:85vh!important;
width: 100%;
height: 1200px;
max-height: 100%;
overflow: hidden;
} */
/* --- Unterseiten Screen --- */
.custom-header {
height: 70vh;
overflow: hidden;
}
/*---- Auf allen “Nicht-Startseiten” die oberen 70% des headers anzuzeigen
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media
{
max-width: 100%;
left: 0;
top:-100%;
-ms-transform: translate(0, 70%);
-moz-transform: translate(0, 70%);
-webkit-transform: translate(0, 70%);
transform: translate(0, 70%);
} ---*/
/* Setzt den Header für Archive, Beiträge und Seiten, die nicht Startseite sind, auf 50 Prozent Fensterhöhe (Desktop)
@media screen and (min-width: 48em) {
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header {
height: 1200px;
height: 75vh;
max-height: 100%;
overflow: hidden;
}
} ---*/
/* Sorgt dafür, dass der IE auf Seiten und Beiträgen den passenden Bildausschnitt zeigt
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
max-width: 100%;
top: 0;
left: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
} */
/* Lösung für Browser, zum Beispiel den Internet Explorer, die kein object-fit verstehen
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: auto;
position: absolute;
top: 40%;
left:0;
-moz-transform: translate(0, -40%);
-webkit-transform: translate(0, -40%);
transform: translate(0, -40%);
} */
/* Sorgt dafür, dass der IE das Startseiten-Headerbild nicht verzerrt
.twentyseventeen-front-page.has-header-image .custom-header-media img,
.twentyseventeen-front-page.has-header-video .custom-header-media video,
.twentyseventeen-front-page.has-header-video .custom-header-media iframe {
position: fixed;
left: 50%;
max-width: 250%;
min-height: 100%;
min-width: 100%;
min-width: 100vw;
width: auto;
top: 50%;
padding-bottom: 1px;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
} */
/* --- Mobile screen
@media screen and (max-width: 48em) {
.has-header-image.home.blog .custom-header, .custom-header {
height: 20vh;
}
}--- */
/* --- Computer screen
@media screen and (min-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header {
height: 80vh;
display: block!important;
}
} --- */
/* --- Mobile screen
@media screen and (max-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .custom-header
{
height: 50vh;
}
} --- */
/* --- Computer screen with logged in user and admin bar showing on front end
@media screen and (min-width: 48em) {
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image, .admin-bar.twentyseventeen-front-page.has-header-image.home.blog .custom-header {
height: calc(30vh - 32px);
}
} --- */
/* --- Sorgt dafür, dass der IE auf Seiten und Beiträgen den passenden Bildausschnitt zeigt
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
max-width: 100%;
top: 0;
left: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
} --- */
/* --- Lösung für Browser, zum Beispiel den Internet Explorer, die kein object-fit verstehen
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: auto;
position: absolute;
top: 40%;
left:0;
-moz-transform: translate(0, -40%);
-webkit-transform: translate(0, -40%);
transform: translate(0, -40%);
} --- */
/* --- Sorgt dafür, dass der IE das Startseiten-Headerbild nicht verzerrt
.twentyseventeen-front-page.has-header-image .custom-header-media img,
.twentyseventeen-front-page.has-header-video .custom-header-media video,
.twentyseventeen-front-page.has-header-video .custom-header-media iframe {
position: fixed;
left: 50%;
max-width: 250%;
min-height: 100%;
min-width: 100%;
min-width: 100vw;
width: auto;
top: 50%;
padding-bottom: 1px;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
} --- */
/* Navigation
--------------------------------------------- */
.navigation-top {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
#masthead .wrap {
padding: 0!important;
}
.colors-custom .menu-toggle, .colors-custom .menu-toggle:hover, .colors-custom .menu-toggle:focus, .colors-custom .menu .dropdown-toggle, .colors-custom .menu-scroll-down, .colors-custom .menu-scroll-down:hover, .colors-custom .menu-scroll-down:focus {
background-color: transparent!important;
color: #000000!important;
font-weight: 600;
}
/* .navigation-top, .main-navigation ul {
background: #ffffff!important;
} */
.colors-custom .navigation-top, .colors-custom .main-navigation ul {
background: transparent!important;
}
.main-navigation a {
padding: 2em 0.7em;
}
.colors-custom .navigation-top, .navigation-top {
padding: 5px 0!important;
font-size: 0.9rem;
}
/* --- The text in the sub-menu to be aligned directly from the beginning of the B. ---*/
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
left: 0;
}
#site-navigation li li>a, #site-navigation li li.current_page_item a {
font-size: 0.9rem;
}
.navigation-top .current-menu-item > a, .colors-custom .navigation-top .current_page_item > a, .colors-custom .main-navigation a:hover {
color: #e2010c!important;
font-weight: 600!important;
}
li.current-menu-parent > a, .current-menu-item > a {
color: #e2010c!important;
}
.colors-custom .navigation-top, .colors-custom .main-navigation li, .colors-custom .entry-footer, .colors-custom .single-featured-image-header, .colors-custom .site-content .wp-playlist-light .wp-playlist-item, .colors-custom tr {
border-bottom-color: #bcc3ce!important;
}
.main-navigation li {
border-bottom: 0 solid #9e9e9e!important;
position: relative;
}
@media screen and (min-width: 48em) {
.colors-custom .navigation-top, .colors-custom .main-navigation, .navigation-top, .main-navigation ul {
background: #ffffff!important;
border-color: #000!important;
}
.colors-custom .main-navigation ul ul {
border-color: #dadada!important;
}
}
/* --- The sub-menu text to be black but turn red on hovering. --- */
#site-navigation li li > a, #site-navigation li li.current_page_item a {
background: #ffffff!important;
}
/* --- The sub-menu text hovering. --- */
.main-navigation li li a:hover {
color: #e2010c!important;
}
/* --- Mobil-Menue oben --- */
@media screen and (max-width: 767px) {
.navigation-top {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999;
}
}
.admin-bar .navigation-top {
padding-top: 0; /*** Padding to allow space for the admin-bar when present ***/
}
@media screen and (max-width: 48em) {
.colors-custom .main-navigation ul {
background: #ffffff!important;
}}
/* --- Hamburger Menue --- */
@media screen and (max-width: 38em) {
.colors-custom .menu-toggle {
background: #ffffff!important;
color: #000000!important;
border: 0 solid #ffffff!important;
}}
.menu-toggle {
font-size: 1rem;
font-weight: 700;
/*color: #ffffff!important;*/
color: #000000!important;
padding: 0;
}
.menu-toggle .icon {
margin-right: 0.5em;
top: -2px;
/*fill: #ffffff;*/
fill: #000000;
}
@media screen and (max-width: 48em)
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu .dropdown-toggle, .menu-scroll-down, .menu-scroll-down:hover, .menu-scroll-down:focus {
background-color: #e2010c!important;
}
.dropdown-toggle.toggled-on .icon {
/* color: #ffffff; drop down Icon Menu */
color: #000000!important; /* drop down Icon Menu */
border: none!important;
}
.icon {
/* color: #ffffff; drop up Icon Menu */
color: #000000; /* drop up Icon Menu */
}
/*--- .icon-youtube, .icon-twitter, .icon-facebook, .icon-instagram {
color: #ffffff!important;
} ---*/
.colors-custom .social-navigation a:hover, .colors-custom .social-navigation a:focus {
background: red;
}
.colors-custom .social-navigation a {
color: #000000;
}
/* --- Top Nav Bar Höhe --- */
.main-navigation a {
padding-top: 3px!important;
padding-bottom: 6px!important;
border: none!important;
}
.navigation-top {
padding-top: 2px;
}
/* --- Scroll-down Icon ausblenden --- */
.menu-scroll-down .icon {
display: none;
}
/* --- Contact-bar --- */
#mobile-contact-bar {
width: auto!important;
margin-bottom: 8px;
}
/* Überschriften
---------------------------------------
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
padding-top: 0!important;
} ------ */
.colors-custom h1, h1, .colors-custom h2, h2, .colors-custom h3, h3, .colors-custom h4, h4, .colors-custom h5, h5, .colors-custom h6, h6 {
/* font-family: 'Concert One', sans-serif!important; */
color: #e2010c!important;
font-size: calc(12px + 1.5vw)!important;
font-weight: 900!important;
text-align: center!important;
/* color: #444!important;
font-weight: 700;
font-size: 1.4em!important;
font-size: 1.875rem; */
text-transform: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
letter-spacing: 1px;
}
.site-footer h2.widget-title {
color: #444!important;
font-size: 1rem!important;
font-weight: 800;
letter-spacing: 1px;
text-transform: none;
/* font-family: 'Concert One', sans-serif!important; */
text-shadow: none!important;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
margin-bottom: .4em;
text-align: left!important;
}
.site-footer h2.widget_text a {
color: #ffffff!important;
}
.wp-block-cover__inner-container p {
font-size: 2rem!important;
font-weight: 700;
}
.site-info a {
color: #ffffff!important;
}
.site-info p {
color: #ffffff!important;
}
.ueberschrift {
font-size: 1.4rem!important;
font-weight: 600;
color: #444;
letter-spacing: 1px;
text-transform: none;
/* font-family: 'Concert One', sans-serif!important; */
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
.teaser-tile {
font-size: 1.4rem!important;
font-weight: 600;
color: #444;
letter-spacing: 0;
text-transform: uppercase;
/* font-family: 'Concert One', sans-serif!important; */
}
.page.page-one-column .entry-header {
margin-bottom: 0.6em;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding: 1.5em 0;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
color: #444;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: normal;
text-transform: none;
/* font-family: 'Concert One', sans-serif!important; */
letter-spacing: 0;
}
/* --- Wir können wir dir helfen - Section
.cta-ueberschrift {
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.3px;
cursor: pointer;
color: #ffffff!important;
/* font-family: 'Concert One', sans-serif!important; */
/* }
@media only screen and (max-width: 600px) {
.cta-ueberschrift {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0;
}
} ---*/
/* --- Abstand H1 Überschrift Content
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 0em;
} --- */
/* Spalten #3b5998
--------------------------------------------- */
.container {
background: transparent;
}
.cards {
list-style: none;
padding: 0;
background: transparent;
margin: 0;
}
.cards__item {
padding: 0;
margin: 0 5px 10px 0;
background: linear-gradient(to top, #0088ff 0%, #144cab 100%);
display: flex;
flex-direction: column;
max-width: 185px;
flex: 0 calc(100%/4 - 15px);
}
.cards__item_aktuell {
padding: 0;
margin: 0 5px 0 0;
background: linear-gradient(to top, #0088ff 0%, #144cab 100%);
display: flex;
flex-direction: column;
max-width: 240px;
flex: 0 calc(100%/5 - 5px);
}
.cards__item_ohne_bg {
list-style: none;
margin: 0 25px 10px 0;
background: none;
max-width: 250px;
flex: 0 calc(100%/3 - 15px);
}
.cards__item img {
width: 100%;
height: auto;
}
.cards__elem {
margin: 0;
}
.cards__elem_img {
margin-top: 0;
}
.cards__elem_name {
/* font-family: 'Concert One', sans-serif!important; */
font-size: 1.3rem;
text-align: center;
font-weight: 500;
color: white;
padding-top: 5px;
}
.cards__elem_post {
color: white;
vertical-align: top;
padding: 10px;
font-weight: 500;
max-width: 290px;
}
.cards__elem cards__elem_post {
align-items: baseline;
}
.cards__elem_button {
margin-top: auto;
text-align: center;
}
.cards__item .wpb_button {
display:block;
}
.cards__item .wpb_button:hover {
}
.cards__item_aktuell .wpb_button {
display:block;
}
.cards__item_aktuell .wpb_button:hover {
}
.cards__list {
display: flex;
flex-flow: row wrap;
color: #000000;
font-weight: 500;
}
.cards ul {
margin-left: 0;
}
@media (max-width: 991px) {
.cards__item {
flex: 0 calc(100%/3 - 15px);
}
.cards__item_aktuell {
flex: 0 calc(100%/3 - 15px);
}
}
@media (max-width: 767px) {
.cards__item {
flex: 0 calc(100%/2 - 15px);
}
.cards__item_aktuell {
flex: 0 calc(100%/2 - 15px);
}
}
@media (max-width: 479px) {
.cards__item {
flex: 0 100%;
max-width: 300px;
}
.cards__item_aktuell {
flex: 0 100%;
max-width: 300px;
}
}
/*@media screen and (min-width:30em)*/
img.alignright {
float: right;
margin-left: 0;
}
/* ICON Telefon */
a[href^="tel:"] {
color: #000!important;
text-decoration: none;
}
/* Telefon + Email unter dem Contactformular
--------------------------------------------- */
.info-text {
/* font-family: 'Concert One', sans-serif!important; */
background-image: linear-gradient(to top, #313131 0%, #3b5998 100%);
color: #ffffff;
font-size: 1.4rem;
padding: 20px 0;
text-align: center;
margin-top: 2em;
font-weight: 500;
letter-spacing: 0;
text-transform: uppercase;
}
.colors-custom .info-text a {
font-size: 1rem!important;
text-transform: none;
color: #ffffff!important;
font-weight: 400!important;
}
@media only screen and (max-width: 600px) {
.info-text {
font-size: 1rem;
text-transform: none;
}
.colors-custom .entry-content a {
font-size: 1rem;
text-transform: none;
}
}
/* --- Tablelle --- */
table {
margin: 0 0 1em;
width: auto;
}
td {
padding: .2em;
}
tr {
border: none;
}
/* --- Image --- */
.bild img {
width: 40%;
height: auto;
}
@media (max-width: 479px) {
img {
width: 100%;
}
}
/* --- fix for Chrome images --- */
.panel-image {
transform: translateY(0);
}
/* Buttons
--------------------------------------------- */
.wpb_button {
text-decoration: none!important;
padding: 5px 10px;
margin: 0 0 ;
background: #144cab!important;
color: #ffffff!important;
border: none!important;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.9rem;
}
a.wpb_button {
text-decoration: none!important;
color: #ffffff!important;
border: none!important;
}
a.wpb_button:hover {
background: #e2010c!important;
color: #ffffff!important;
border: none!important;
}
/*.wpb_button-white {
padding: 5px 10px;
margin: 0;
font-weight: bold;
text-decoration: none;
border-radius: 0;
white-space:nowrap;
background: transparent!important;
border: 2px solid #ffffff;
color: #ffffff!important;
}
.wpb_button-white:hover {
text-decoration: none;
background: #000000!important;
color: #ffffff!important;
}
a.wpb_button-white {
text-decoration: none;
}
.colors-custom .site-footer .widget-area .wpb_button-white:hover {
text-decoration: none;
background: #000000!important;
color: #ffffff!important;
} */
.colors-custom button.secondary:hover, .colors-custom hr {
background: #ffffff;
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: none;
}
.back-button {
float: right;
}
button, input[type="button"], input[type="submit"] {
-webkit-border-radius: 0;
border-radius: 0;
color: #ffffff!important;
border: none!important;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.5em 1em;
background-color: #012061!important;
}
.ssttbutton-background {
color: #012061
}
/* --- Buchungs Button --- */
.colors-custom button, .colors-custom input[type=button], .colors-custom input[type=submit], .colors-custom .entry-footer .edit-link a.post-edit-link {
background-color: #012061!important;
color: #ffffff!important;
font-weight: 600;
z-index: 2;
padding: 5px 10px;
border: none!important;
}
.colors-custom button:hover, .colors-custom input[type=button]:hover, .colors-custom input[type=submit]:hover, .colors-custom .entry-footer .edit-link a.post-edit-link {
background-color: #ed5116!important;
color: #ffffff!important;
border: none!important;
}
button:hover, input[type=button]:hover, input[type=submit]:hover, .entry-footer .edit-link a.post-edit-link {
background-color: #ed5116!important;
color: #ffffff!important;
border: none!important;
}
/*
input+button, input+input[type=button] {
background-color: #012061!important;
color: #ffffff!important;
border: none!important;
}*/
input+input[type=submit]:hover {
background-color: #ed5116!important;
color: #ffffff!important;
border: none!important;
}
.colors-custom button, .colors-custom input[type=button], .colors-custom input[type=submit], .colors-custom .entry-footer .edit-link a.post-edit-link {
background-color: #012061!important;
border: none;
}
.colors-custom button:hover, .colors-custom input[type=button]:hover, .colors-custom input[type=submit]:hover {
background-color: #012061;
color: #ffffff;
border: none;
}
/* --- Social Media Button --- */
.social-navigation a {
background-color: #ffffff;
}
/* --- Instagram Button --- */
.insta-gallery-feed .insta-gallery-actions .insta-gallery-button {
color: #fff!important;
}
/* Links
--------------------------------------------- */
a[href^="tel:"]:before {
margin-right: 0.5em;
color: #000;
}
a[href^="tel:"] {
color: #ffffff!important;
text-decoration: none;
}
a:hover[href^="tel:"] {
color: #ffffff!important;
text-decoration: underline;
}
a[href^="mailto:"]:before {
margin-right: 0.5em;
color: #000;
}
a[href^="mailto:"] {
color: #ffffff!important;
text-decoration: none;
}
a:hover[href^="mailto:"] {
color: #ffffff!important;
text-decoration: underline;
}
/* Textfeldrahmen
--------------------------------------------- */
.is-rahmen {
background: white;
color: #000000;
padding: 1em;
margin-bottom: 1em;
border: 0 solid #000;
}
.is-rahmen a{
color: #fff;
}
.is-rahmen a:hover, a:focus, a:active {
color: #fff;
}
.is-rahmen-blau {
background: #fe5e24;
color: #ffffff;
padding: 1em;
margin-bottom: 1em;
border: 0 solid #000;
}
.is-rahmen-blau a{
color: #fff;
}
.is-rahmen-blau a:hover, a:focus, a:active {
color: #fff;
}
/****** Preis Rahmen Grau ******/
.bg-grau {
background-color: #fe5e24;
padding: 5px 5px 0 5px;
color: #fff;
margin-bottom: 15px;
}
div .bg-grau {
width: auto;
display: inline-block;
border-radius: 0;
}
/* FAQ Liste
--------------------------------------------- */
summary:-webkit-details-marker {
display: none;
}
summary:after {
content: "";
float: left;
margin-right: 10px;
font-weight: 900;
font-size: 1.1rem;
}
details[open] summary:after {
content: "";
font-weight: 900;
font-size: 1.1rem;
}
details {
margin-bottom: .7em;
}
summary {
padding-left: 0;
}
details[open] summary {
font-weight: 600;
color: #008000;
margin-bottom: 1em;
}
@media (max-width: 450px) {
summary {
font-size: 1rem;
} }
/* Leao
--------------------------------------------- */
.leao-product-list-teaser {
color: #000000;
}
.leao-product-list-title {
font-family: "Roboto",display!important;
font-size: 1.4em!important;
color: #000000!important;
text-transform: uppercase;
margin-top: 1em;
clear: both;
line-height: 2em;
font-weight: 500;
text-align: left;
}
.leao-product-list-row {
clear: both;
border-bottom: #ccc solid 1px;
margin-bottom: 10px;
}
.leao-product-list-name {
font-weight: bold;
float: left;
padding: 5px;
}
.leao-product-list-teaser {
font-weight: normal;
font-size: 0.8em;
color: #000000;
width: 900px;
}
@media screen and (max-width: 800px) {
.leao-product-list-teaser {
width: 90%;
} }
.leao-product-price {
float: right;
font-size: 1em;
font-weight: 900;
color: #ed5116;
padding-bottom: 10px!important;
}
.leao-product-price-left {
float: left;
font-size: 1.5em;
font-weight: bold;
}
.leao-btn-book {
background-color: #ed5116!important;
}
.leao-btn {
font-size: 15px;
margin-left: 15px;
padding: 2px 10px;
text-decoration: none;
color: #fff !important;
border-radius: 0;
border: 2px solid #ed5116!important;
}
.leao-btn:hover {
color: #008000!important;
border: 2px solid #ed5116!important;
border-radius: 0;
background-color: #ffffff!important;
}
/* Preisliste
--------------------------------------------- */
.product-list {
margin-bottom: 50px;
clear: both;
}
.product-list-row {
clear: both;
border-bottom: #ccc solid 1px;
padding: 5px;
}
.product-list-name {
color: #000;
font-weight: 900;
float: left;
}
.product-list-teaser {
color: #363636;
font-weight: 400;
}
.product-price {
float: right;
font-size: 1rem;
font-weight: 900;
color: #ed5116;
}
.clearfix {
clear: both;
}
label {
font-weight: 500;
font-size: 1rem;
}
/* ContactForm 7
--------------------------------------------- */
.screen-reader-response {
display: none;
}
.wpcf7-response-output {
margin-top: 1em;
font-size: 1.2rem;
color: green;
font-weight: 600;
}
input[type="select"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
background: #ffffff;
padding: 0.3em;
color: #000000!important;
}
.wpcf7-form-control-wrap product-1 {
color: #ed5116!important;
}
.colors-custom input[type=text] {
color: #000000!important;
margin-bottom: 12px;
}
.colors-custom input[type=date] {
border-color: #000000!important;
color: #000000!important;
}
.wpcf7-form-control-wrap menu-104 {
background: #ffffff;
padding: 0.3em;
}
.wpcf7 textarea {
height: 50px;
width: 300px;
}
div.wpcf7 {
font-size: 0.9rem;
width: 80%;
background-color: #f2f2f2;
/* background-image: linear-gradient(to top, #313131 0%, #3b5998 100%); */
padding: 0;
color: #676767;
}
@media (max-width: 450px) {
div.wpcf7 {
width: auto;
} }
span.wpcf7-list-item {
display: block;
}
.wpcf7 select {
width: 400px;
text-align: right;
font-weight: 500;
padding-left: 2px;
}
.wpcf7 input[type="submit"] {
background: #ed5116!important;
border: none;
color: #ffffff!important;
}
.wpcf7 input[type="submit"]:hover {
background: #3b5998!important;
color: #ffffff!important;
border: none;
}
input+button, input+input[type=button], input+input[type=submit] {
padding: 10px 15px;
}
.product-list-teaser {
color: #000000;
}
.colors-custom input[type="text"], .colors-custom input[type="email"], .colors-custom input[type="url"], .colors-custom input[type="password"], .colors-custom input[type="search"], .colors-custom input[type="number"], .colors-custom input[type="tel"], .colors-custom input[type="range"], .colors-custom input[type="date"], .colors-custom input[type="month"], .colors-custom input[type="week"], .colors-custom input[type="time"], .colors-custom input[type="datetime"], .colors-custom input[type="datetime-local"], .colors-custom input[type="color"], .colors-custom textarea, .colors-custom select, .colors-custom fieldset, .colors-custom .widget .tagcloud a:hover, .colors-custom .widget .tagcloud a:focus, .colors-custom .widget.widget_tag_cloud a:hover, .colors-custom .widget.widget_tag_cloud a:focus, .colors-custom .wp_widget_tag_cloud a:hover, .colors-custom .wp_widget_tag_cloud a:focus {
border-color: #000000!important;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
}
.colors-custom select {
background: #ffffff!important;
border-color: #000000!important;
border: 0 solid #ffffff;
margin: 7px 0;
}
div.wpcf7 label {
color: #676767;
font-size: 1rem;
}
div.wpcf7 label a{
color: #676767;
text-decoration: underline black!important;
}
div.wpcf7 label a:hover {
color: #ed5116!important;
}
.wpcf7-validates-as-date {
font-size: 1.2rem;
}
select {
-webkit-border-radius: 0;
border-radius: 0;
height: 2.26em;
}
@media only screen and (min-width: 38em) {
.wps-form-column {
padding: 0;
}}
/* ContactForm 7 mehrspaltig
--------------------------------------------- */
.wps-form {
width: 100%;
margin: 0;
}
.wps-form-row {
display: flex;
flex-direction: column;
width: 100%;
}
.wps-form-row .wpcf7-form-control {
width: 100%;
}
.wps-form-column {
flex: 1;
padding: 0.3em 0;
width: 100%;
}
.wps-form-column {
padding: 0;
}
/* Notebook / Desktop CF7 mehrspaltig
--------------------------------------------- */
@media only screen and ( min-width: 38em ) {
.wps-form-row {
flex-direction: row;
}
.wps-form-column {
padding: 0.3em 0.3em;
}
}
/* Tarifa Preise
--------------------------------------------- */
.tarifa-product-price {
float: left;
font-size: 1rem;
font-weight: 900;
color: #ed5116;
}
.horizontale-line {
margin-top: 2em;
clear: both;
border-bottom: #ccc solid 1px;
}
/* Footer
--------------------------------------------- */
.site-footer .wrap {
padding-bottom: 3em;
}
.site-footer {
background-image: linear-gradient(to top, #0088ff 0%, #144cab 100%);
}
.colors-custom .site-footer {
border-top-color: #000000!important;
}
.site-footer h2.widget-title {
color: #ffffff!important;
}
.site-footer .widget_text {
color: #ffffff!important;
}
.colors-custom .site-footer .widget-area a {
color: #ffffff!important;
}
.colors-custom .site-footer .widget-area a:hover {
color: #ed5116!important;
}
.site-footer .widget-area {
padding-bottom: 0;
padding-top: 0;
}
.colors-custom .site-info a {
color: #ffffff!important;
}
.colors-custom .site-info a:hover {
color: #ed5116!important;
text-decoration: none!important;
}
.site-footer .widget-area a {
color: white;
}
.site-footer .widget-area .icon {
color: #ffffff;
}
/* --- Suchleiste --- */
.search-form .search-submit {
border: 1px solid black;
}
.search-submit .icon {
color: #ffffff!important;
}
.search-form .search-submit .icon {
top: -4px;
}
input+button, input+input[type=button], input+input[type=submit]:hover {
background-color: #144cab!important;
color: #ffffff!important;
}
button, input[type="button"], input[type="submit"] {
background-color: #e2020d!important;
border: 2px solid #ed5116;
color: #ffffff;
}
/**
* c24pp specific normalization
*/
div.c24pp1.c24pp2.c24pp3:before,
div.c24pp1.c24pp2.c24pp3:after,
div.c24pp1.c24pp2.c24pp3 *:not(optgroup):before,
div.c24pp1.c24pp2.c24pp3 *:not(optgroup):after {
content: initial;
margin: initial;
padding: initial;
border: initial;
}
.c24pp1.c24pp2.c24pp3 {
font-size: 12px;
box-sizing: border-box;
font-family: sans-serif;
font-weight: normal;
position: static;
}
.c24pp1.c24pp2.c24pp3 * {
color: inherit;
font-size: inherit;
box-sizing: inherit;
font-family: inherit;
font-weight: inherit;
margin: initial;
padding: initial;
border: initial;
position: initial;
line-height: initial;
outline: initial;
background: initial;
}
.c24pp1.c24pp2.c24pp3 ul li {
list-style-image: none;
list-style: initial;
display: list-item;
}
.c24pp1.c24pp2.c24pp3 a {
background-color: transparent;
}
.c24pp1.c24pp2.c24pp3 a:active,
.c24pp1.c24pp2.c24pp3 a:hover {
outline: 0;
}
.c24pp1.c24pp2.c24pp3 b,
.c24pp1.c24pp2.c24pp3 strong {
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3 h1 {
font-size: 2em;
margin: 0.67em 0;
}
.c24pp1.c24pp2.c24pp3 img {
border: 0;
}
.c24pp1.c24pp2.c24pp3 button,
.c24pp1.c24pp2.c24pp3 input,
.c24pp1.c24pp2.c24pp3 optgroup,
.c24pp1.c24pp2.c24pp3 select,
.c24pp1.c24pp2.c24pp3 textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
.c24pp1.c24pp2.c24pp3 button {
overflow: visible;
}
.c24pp1.c24pp2.c24pp3 button,
.c24pp1.c24pp2.c24pp3 select {
text-transform: none;
}
.c24pp1.c24pp2.c24pp3 button,
.c24pp1.c24pp2.c24pp3 html input[type="button"],
.c24pp1.c24pp2.c24pp3 input[type="reset"],
.c24pp1.c24pp2.c24pp3 input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
.c24pp1.c24pp2.c24pp3 button[disabled],
.c24pp1.c24pp2.c24pp3 html input[disabled] {
cursor: default;
}
.c24pp1.c24pp2.c24pp3 button::-moz-focus-inner,
.c24pp1.c24pp2.c24pp3 input::-moz-focus-inner {
border: 0;
padding: 0;
}
.c24pp1.c24pp2.c24pp3 input {
line-height: normal;
}
.c24pp1.c24pp2.c24pp3 input[type="checkbox"],
.c24pp1.c24pp2.c24pp3 input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
.c24pp1.c24pp2.c24pp3 input[type="number"]::-webkit-inner-spin-button,
.c24pp1.c24pp2.c24pp3 input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
.c24pp1.c24pp2.c24pp3 input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
.c24pp1.c24pp2.c24pp3 input[type="search"]::-webkit-search-cancel-button,
.c24pp1.c24pp2.c24pp3 input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.c24pp1.c24pp2.c24pp3 optgroup {
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3 table {
border-collapse: collapse;
border-spacing: 0;
}
.c24pp1.c24pp2.c24pp3 td,
.c24pp1.c24pp2.c24pp3 th {
padding: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-hidden {
display: none;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-clearfix:before,
.c24pp1.c24pp2.c24pp3 .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-clearfix:after {
clear: both;
}
.c24pp1.c24pp2.c24pp3 .ui-helper-clearfix {
min-height: 0;
/* support: IE7 */
}
.c24pp1.c24pp2.c24pp3 .ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
/* support: IE8 */
}
.c24pp1.c24pp2.c24pp3 .ui-front {
z-index: 100;
}
.c24pp1.c24pp2.c24pp3 .ui-state-disabled {
cursor: default !important;
}
.c24pp1.c24pp2.c24pp3 .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c24pp1.c24pp2.c24pp3 .ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev,
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev-hover,
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next {
right: 2px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-prev span,
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker select.ui-datepicker-month,
.c24pp1.c24pp2.c24pp3 .ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker td {
border: 0;
padding: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker td span,
.c24pp1.c24pp2.c24pp3 .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl {
direction: rtl;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.c24pp1.c24pp2.c24pp3 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.c24pp1.c24pp2.c24pp3 .ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-menu {
position: absolute;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0;
/* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-state-focus,
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-state-active {
margin: -1px;
}
.c24pp1.c24pp2.c24pp3 .ui-menu-icons {
position: relative;
}
.c24pp1.c24pp2.c24pp3 .ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
.c24pp1.c24pp2.c24pp3 .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.c24pp1.c24pp2.c24pp3 .ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.c24pp1.c24pp2.c24pp3 .ui-widget .ui-widget {
font-size: 1em;
}
.c24pp1.c24pp2.c24pp3 .ui-widget input,
.c24pp1.c24pp2.c24pp3 .ui-widget select,
.c24pp1.c24pp2.c24pp3 .ui-widget textarea,
.c24pp1.c24pp2.c24pp3 .ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-content {
border: 1px solid #dcdcdc;
background: #ffffff url("/filestore/712/ui-bg-flat-0-ffffff-40x100.png") 50% 50% repeat-x;
color: #666;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-content a {
color: #666;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-header {
border: 1px solid #005ea8;
background: #005ea8 url("/filestore/712/ui-bg-flat-0-005ea8-40x100.png") 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-header a {
color: #ffffff;
}
.c24pp1.c24pp2.c24pp3 .ui-state-default,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-default,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-default {
border: 1px solid #dcdcdc;
background: #f7f7f7 url("/filestore/712/ui-bg-flat-75-f7f7f7-40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #005ea8;
}
.c24pp1.c24pp2.c24pp3 .ui-state-default a,
.c24pp1.c24pp2.c24pp3 .ui-state-default a:link,
.c24pp1.c24pp2.c24pp3 .ui-state-default a:visited {
color: #005ea8;
text-decoration: none;
}
.c24pp1.c24pp2.c24pp3 .ui-state-hover,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-hover,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-hover,
.c24pp1.c24pp2.c24pp3 .ui-state-focus,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-focus,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-focus {
border: 1px solid #005ea8;
background: #005ea8 url("/filestore/712/ui-bg-flat-0-005ea8-40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #005ea8;
}
.c24pp1.c24pp2.c24pp3 .ui-state-hover a,
.c24pp1.c24pp2.c24pp3 .ui-state-hover a:hover,
.c24pp1.c24pp2.c24pp3 .ui-state-hover a:link,
.c24pp1.c24pp2.c24pp3 .ui-state-hover a:visited,
.c24pp1.c24pp2.c24pp3 .ui-state-focus a,
.c24pp1.c24pp2.c24pp3 .ui-state-focus a:hover,
.c24pp1.c24pp2.c24pp3 .ui-state-focus a:link,
.c24pp1.c24pp2.c24pp3 .ui-state-focus a:visited {
color: #005ea8;
text-decoration: none;
}
.c24pp1.c24pp2.c24pp3 .ui-state-active,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-active,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url("/filestore/712/ui-bg-flat-0-ffffff-40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.c24pp1.c24pp2.c24pp3 .ui-state-active a,
.c24pp1.c24pp2.c24pp3 .ui-state-active a:link,
.c24pp1.c24pp2.c24pp3 .ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
.c24pp1.c24pp2.c24pp3 .ui-state-highlight,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-highlight,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-highlight {
border: 1px solid #005ea8;
background: #005ea8 url("/filestore/712/ui-bg-flat-0-005ea8-40x100.png") 50% 50% repeat-x;
color: #fff;
}
.c24pp1.c24pp2.c24pp3 .ui-state-highlight a,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-highlight a,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-highlight a {
color: #fff;
}
.c24pp1.c24pp2.c24pp3 .ui-state-error,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-error,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
color: #cd0a0a;
}
.c24pp1.c24pp2.c24pp3 .ui-state-error a,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-error a,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.c24pp1.c24pp2.c24pp3 .ui-state-error-text,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-error-text,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.c24pp1.c24pp2.c24pp3 .ui-priority-primary,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-priority-primary,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3 .ui-priority-secondary,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-priority-secondary,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: alpha(opacity=70);
/* support: IE8 */
font-weight: normal;
}
.c24pp1.c24pp2.c24pp3 .ui-state-disabled,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-state-disabled,
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: alpha(opacity=35);
/* support: IE8 */
background-image: none;
}
.c24pp1.c24pp2.c24pp3 .ui-state-disabled .ui-icon {
filter: alpha(opacity=35);
/* support: IE8 - See #6059 */
}
.c24pp1.c24pp2.c24pp3 .ui-icon {
width: 16px;
height: 16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon,
.c24pp1.c24pp2.c24pp3 .ui-widget-content .ui-icon {
background-image: url("/filestore/28/ui-icons-666-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-widget-header .ui-icon {
background-image: url("/filestore/323/ui-icons-ffffff-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-default .ui-icon {
background-image: url("/filestore/28/ui-icons-005ea8-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-hover .ui-icon,
.c24pp1.c24pp2.c24pp3 .ui-state-focus .ui-icon {
background-image: url("/filestore/323/ui-icons-ffffff-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-active .ui-icon {
background-image: url("/filestore/28/ui-icons-454545-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-highlight .ui-icon {
background-image: url("/filestore/28/ui-icons-fff-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-state-error .ui-icon,
.c24pp1.c24pp2.c24pp3 .ui-state-error-text .ui-icon {
background-image: url("/filestore/28/ui-icons-cd0a0a-256x240.png");
}
.c24pp1.c24pp2.c24pp3 .ui-icon-blank {
background-position: 16px 16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-n {
background-position: 0 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-ne {
background-position: -16px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-e {
background-position: -32px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-se {
background-position: -48px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-s {
background-position: -64px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-sw {
background-position: -80px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-w {
background-position: -96px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-1-nw {
background-position: -112px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-4 {
background-position: 0 -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-extlink {
background-position: -32px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-newwin {
background-position: -48px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-refresh {
background-position: -64px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-shuffle {
background-position: -80px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-folder-open {
background-position: -16px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-document {
background-position: -32px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-document-b {
background-position: -48px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-note {
background-position: -64px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-mail-closed {
background-position: -80px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-mail-open {
background-position: -96px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-suitcase {
background-position: -112px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-comment {
background-position: -128px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-person {
background-position: -144px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-print {
background-position: -160px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-trash {
background-position: -176px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-locked {
background-position: -192px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-unlocked {
background-position: -208px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-bookmark {
background-position: -224px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-tag {
background-position: -240px -96px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-home {
background-position: 0 -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-flag {
background-position: -16px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-calendar {
background-position: -32px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-cart {
background-position: -48px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-pencil {
background-position: -64px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-clock {
background-position: -80px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-disk {
background-position: -96px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-calculator {
background-position: -112px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-zoomin {
background-position: -128px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-zoomout {
background-position: -144px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-search {
background-position: -160px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-wrench {
background-position: -176px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-gear {
background-position: -192px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-heart {
background-position: -208px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-star {
background-position: -224px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-link {
background-position: -240px -112px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-cancel {
background-position: 0 -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-plus {
background-position: -16px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-plusthick {
background-position: -32px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-minus {
background-position: -48px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-minusthick {
background-position: -64px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-close {
background-position: -80px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-closethick {
background-position: -96px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-key {
background-position: -112px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-lightbulb {
background-position: -128px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-scissors {
background-position: -144px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-clipboard {
background-position: -160px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-copy {
background-position: -176px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-contact {
background-position: -192px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-image {
background-position: -208px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-video {
background-position: -224px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-script {
background-position: -240px -128px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-alert {
background-position: 0 -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-info {
background-position: -16px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-notice {
background-position: -32px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-help {
background-position: -48px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-check {
background-position: -64px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-bullet {
background-position: -80px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-radio-on {
background-position: -96px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-radio-off {
background-position: -112px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-pin-w {
background-position: -128px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-pin-s {
background-position: -144px -144px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-play {
background-position: 0 -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-pause {
background-position: -16px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-next {
background-position: -32px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-prev {
background-position: -48px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-end {
background-position: -64px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-start {
background-position: -80px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-seek-first {
background-position: -80px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-stop {
background-position: -96px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-eject {
background-position: -112px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-volume-off {
background-position: -128px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-volume-on {
background-position: -144px -160px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-power {
background-position: 0 -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-signal-diag {
background-position: -16px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-signal {
background-position: -32px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-battery-0 {
background-position: -48px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-battery-1 {
background-position: -64px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-battery-2 {
background-position: -80px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-battery-3 {
background-position: -96px -176px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-plus {
background-position: 0 -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-minus {
background-position: -16px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-close {
background-position: -32px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circle-check {
background-position: -208px -192px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.c24pp1.c24pp2.c24pp3 .ui-corner-all,
.c24pp1.c24pp2.c24pp3 .ui-corner-top,
.c24pp1.c24pp2.c24pp3 .ui-corner-left,
.c24pp1.c24pp2.c24pp3 .ui-corner-tl {
border-top-left-radius: 6px;
}
.c24pp1.c24pp2.c24pp3 .ui-corner-all,
.c24pp1.c24pp2.c24pp3 .ui-corner-top,
.c24pp1.c24pp2.c24pp3 .ui-corner-right,
.c24pp1.c24pp2.c24pp3 .ui-corner-tr {
border-top-right-radius: 6px;
}
.c24pp1.c24pp2.c24pp3 .ui-corner-all,
.c24pp1.c24pp2.c24pp3 .ui-corner-bottom,
.c24pp1.c24pp2.c24pp3 .ui-corner-left,
.c24pp1.c24pp2.c24pp3 .ui-corner-bl {
border-bottom-left-radius: 6px;
}
.c24pp1.c24pp2.c24pp3 .ui-corner-all,
.c24pp1.c24pp2.c24pp3 .ui-corner-bottom,
.c24pp1.c24pp2.c24pp3 .ui-corner-right,
.c24pp1.c24pp2.c24pp3 .ui-corner-br {
border-bottom-right-radius: 6px;
}
.c24pp1.c24pp2.c24pp3 .ui-widget-overlay {
background: #aaaaaa url("/filestore/712/ui-bg-flat-0-aaaaaa-40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: alpha(opacity=30);
/* support: IE8 */
}
.c24pp1.c24pp2.c24pp3 .ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url("/filestore/712/ui-bg-flat-0-aaaaaa-40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: alpha(opacity=30);
/* support: IE8 */
border-radius: 8px;
}
/*!
* Shared widget styles
*
* @author Dennis Möhlmann
* @copyright Check24 Vergleichsportal GmbH
*/
div.c24pp1.c24pp2.c24pp3 {
color: #005ea8;
border: 1px solid #dcdcdc;
background: #fafafa;
width: 100%;
height: 220px;
}
div.c24pp1.c24pp2.c24pp3 select,
div.c24pp1.c24pp2.c24pp3 input,
div.c24pp1.c24pp2.c24pp3 option,
div.c24pp1.c24pp2.c24pp3 optgroup {
color: #000;
font-weight: normal;
}
div.c24pp1.c24pp2.c24pp3 option {
padding: 2px;
}
div.c24pp1.c24pp2.c24pp3 optgroup option {
padding-left: 10px;
}
div.c24pp1.c24pp2.c24pp3 select,
div.c24pp1.c24pp2.c24pp3 input {
background-color: #fff;
}
div.c24pp1.c24pp2.c24pp3 select.c24pp-error,
div.c24pp1.c24pp2.c24pp3 input.c24pp-error {
border: 1px solid red !important;
}
div.c24pp1.c24pp2.c24pp3 .ui-datepicker-calendar a.ui-state-hover {
color: #ffffff;
border: 1px solid #dcdcdc;
}
div.c24pp1.c24pp2.c24pp3 .ui-datepicker-calendar a.ui-state-hover.ui-state-active {
color: #ffffff;
background: #005ea8;
}
div.c24pp1.c24pp2.c24pp3 .ui-datepicker-today a {
border: 1px solid #dcdcdc;
}
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li.ui-menu-item {
margin: 0 0 0 0;
border: 1px solid #fff;
}
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li.ui-menu-item.ui-state-focus,
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li:hover {
background: #E0EDF7;
border: 1px solid #005ea8;
margin: 0 0 0 0;
}
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li.ui-menu-item.ui-state-disabled,
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li.ui-menu-item.ui-state-disabled:hover {
background: #E0EDF7;
font-weight: bold;
color: #444;
opacity: 1;
margin: 0 0 0 0;
border: 1px solid #fff;
}
div.c24pp1.c24pp2.c24pp3 .ui-autocomplete li em {
font-weight: bold;
font-style: normal;
}
div.c24pp1.c24pp2.c24pp3.c24rentalcar {
height: 333px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-dep-location,
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-ret-location,
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-dep,
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-ret,
.c24pp1.c24pp2.c24pp3.c24rentalcar select.c24rentalcar-dep-time,
.c24pp1.c24pp2.c24pp3.c24rentalcar select.c24rentalcar-ret-time,
.c24pp1.c24pp2.c24pp3.c24rentalcar select.c24rentalcar-customer-age {
border: 1px solid #bbbbbb;
height: 27px;
width: 100%;
display: inline-block;
padding: 0 0 0 6px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-dep,
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-ret,
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-dep-time,
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-ret-time {
margin: 10px 0 5px 0;
display: inline-block;
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-title {
display: inline-block;
font-size: 22px;
width: 100%;
text-align: center;
margin: 12px 0 10px 0;
font-weight: bold;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-dep-location {
margin: 0 12px 0 12px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-ret-location {
margin: 4px 12px 0 12px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-ret-location-select {
margin: 4px 12px 0 12px;
padding-top: 3px;
height: 27px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar input.c24rentalcar-ret-location-select,
.c24pp1.c24pp2.c24pp3.c24rentalcar label.c24rentalcar-ret-location-select {
display: inline-block;
font-weight: bold;
vertical-align: middle;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar label.c24rentalcar-ret-location-select {
margin-left: 2px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-left,
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-right {
display: inline-block;
vertical-align: top;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-left {
width: 70%;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-right {
width: 30%;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-left.c24rentalcar-buttonrow {
width: 50%;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-right.c24rentalcar-buttonrow {
width: 50%;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-left {
padding: 0 3px 0 12px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-right {
padding: 0 12px 0 3px;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar button.c24rentalcar-submit {
border-radius: 4px;
border: 0;
margin: 15px 0 0 0;
padding: 8px;
color: #fff;
background-color: #1980d0;
font-weight: bold;
width: 100%;
cursor: pointer;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar button.c24rentalcar-submit:hover {
background-color: #1670b7;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar button.c24rentalcar-submit:active {
background-color: #1670b7;
}
.c24pp1.c24pp2.c24pp3.c24rentalcar div.c24rentalcar-logo {
margin: 20px 0 0 0;
background-image: url(/filestore/712/widget-logo-107x25.png);
width: 107px;
height: 25px;
}
[class^=wp-block-]:not(.wp-block-gallery) figcaption{font-style:italic;margin-bottom:1.5em;text-align:left}.rtl [class^=wp-block-]:not(.wp-block-gallery) figcaption{text-align:right}p.has-drop-cap:not(:focus):first-letter {font-size:5em;margin-top:.075em}.wp-block-image{margin-bottom:1.5em}.wp-block-image figure{margin-bottom:0;margin-top:0}.wp-block-image figure.alignleft{margin-right:1.5em}.wp-block-image figure.alignright{margin-left:1.5em}.wp-block-gallery{margin-bottom:1.5em}.wp-block-gallery figcaption{font-style:italic}.wp-block-gallery.aligncenter{display:flex;margin:0 -8px}.wp-block-quote:not(.is-large):not(.is-style-large){border:0;padding:0}.wp-block-quote.alignleft p:last-of-type,.wp-block-quote.alignright p:last-of-type{margin-bottom:0}.wp-block-quote cite{color:inherit;font-size:inherit}.wp-block-audio audio{display:block;width:100%}.wp-block-cover-image.alignright,.wp-block-cover.alignright,.wp-block-cover-image.alignleft,.wp-block-cover.alignleft,.wp-block-cover-image.aligncenter,.wp-block-cover.aligncenter{display:flex}.wp-block-file .wp-block-file__button{background-color:#222;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;display:inline-block;font-size:14px;font-size:.875rem;font-weight:800;margin-top:2em;padding:.7em 2em;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;white-space:nowrap}.wp-block-file .wp-block-file__button:hover,.wp-block-file .wp-block-file__button:focus{background-color:#767676;-webkit-box-shadow:none;box-shadow:none}.wp-block-code{background:0 0;border:0;padding:0}.wp-block-pullquote{border:0}.wp-block-pullquote__citation,.wp-block-pullquote cite{font-size:inherit;text-transform:none}.wp-block-table thead th{border-bottom:2px solid #bbb;padding-bottom:.5em}.wp-block-table tr{border-bottom:1px solid #eee}.wp-block-table th,.wp-block-table td{border:0}.rtl .wp-block-table th,.rtl .wp-block-table td{text-align:right}.wp-block-button .wp-block-button__link{-webkit-box-shadow:none;box-shadow:none;display:inline-block;font-size:14px;font-size:.875rem;font-weight:800;line-height:1.66;margin-top:2em;padding:.7em 2em;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;white-space:nowrap}.entry-content .wp-block-button__link{background-color:#222;color:#fff}.entry-content .is-style-outline .wp-block-button__link:not(.has-background){background-color:transparent}.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color){color:#222}.colors-dark .wp-block-button__link{background-color:#fff;color:#000}.entry-content .wp-block-button__link:hover,.entry-content .wp-block-button__link:focus,.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus{background-color:#767676;-webkit-box-shadow:none;box-shadow:none;color:#fff}.colors-dark .entry-content .wp-block-button__link:hover,.colors-dark .entry-content .wp-block-button__link:focus,.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus{background-color:#bbb;color:#000}.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color){color:#fff}.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus{color:#222}.colors-custom .entry-content .wp-block-button__link,.colors-custom .entry-content .wp-block-button__link:hover,.colors-custom .entry-content .wp-block-button__link:focus,.colors-dark .entry-content .wp-block-button__link,.colors-dark .entry-content .wp-block-button__link:hover,.colors-dark .entry-content .wp-block-button__link:focus{-webkit-box-shadow:none;box-shadow:none}.colors-custom .entry-content .wp-block-button__link:hover,.colors-custom .entry-content .wp-block-button__link:focus{color:#fff}.wp-block-separator{border:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-media-text{margin-bottom:1.5em}.wp-block-media-text *:last-child{margin-bottom:0}.wp-block-archives.aligncenter,.wp-block-categories.aligncenter,.wp-block-latest-posts.aligncenter{list-style-position:inside;text-align:center}.wp-block-latest-comments article{margin-bottom:4em}.blog:not(.has-sidebar) #primary .wp-block-latest-comments article,.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,.search:not(.has-sidebar) #primary .wp-block-latest-comments article{float:none;width:100%}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:0}.wp-block-latest-comments a{-webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,1);box-shadow:inset 0 -1px 0 rgba(255,255,255,1)}.wp-block-latest-comments__comment-meta{font-size:16px;font-size:1rem;margin-bottom:.4em}.wp-block-latest-comments__comment-author,.wp-block-latest-comments__comment-link{font-weight:700;text-decoration:none}.wp-block-latest-comments__comment-date{color:#767676;font-size:10px;font-size:.625rem;font-weight:800;letter-spacing:.1818em;margin-top:.4em;text-transform:uppercase}.editor-block-list__block .wp-block-latest-comments__comment-excerpt p{font-size:14px;font-size:.875rem}.entry-content .has-pale-pink-color{color:#f78da7}.entry-content .has-pale-pink-background-color,.wp-block-button.is-style-outline .has-pale-pink-background-color:link{background-color:#f78da7}.entry-content .has-vivid-red-color{color:#cf2e2e}.entry-content .has-vivid-red-background-color,.wp-block-button.is-style-outline .has-vivid-red-background-color:link{background-color:#cf2e2e}.entry-content .has-luminous-vivid-orange-color{color:#ff6900}.entry-content .has-luminous-vivid-orange-background-color,.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link{background-color:#ff6900}.entry-content .has-luminous-vivid-amber-color{color:#fcb900}.entry-content .has-luminous-vivid-amber-background-color,.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link{background-color:#fcb900}.entry-content .has-light-green-cyan-color{color:#7bdcb5}.entry-content .has-light-green-cyan-background-color,.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link{background-color:#7bdcb5}.entry-content .has-vivid-green-cyan-color{color:#00d084}.entry-content .has-vivid-green-cyan-background-color,.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link{background-color:#00d084}.entry-content .has-pale-cyan-blue-color{color:#8ed1fc}.entry-content .has-pale-cyan-blue-background-color,.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link{background-color:#8ed1fc}.entry-content .has-vivid-cyan-blue-color{color:#0693e3}.entry-content .has-vivid-cyan-blue-background-color,.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link{background-color:#0693e3}.entry-content .has-very-light-gray-color{color:#eee}.entry-content .has-very-light-gray-background-color,.wp-block-button.is-style-outline .has-very-light-gray-background-color:link{background-color:#eee}.entry-content .has-cyan-bluish-gray-color{color:#abb8c3}.entry-content .has-cyan-bluish-gray-background-color,.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link{background-color:#abb8c3}.entry-content .has-very-dark-gray-color{color:#313131}.entry-content .has-very-dark-gray-background-color,.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link{background-color:#313131}
.wpac,.wpac h1,.wpac h2,.wpac h3,.wpac h4,.wpac h5,.wpac h6,.wpac p,.wpac td,.wpac dl,.wpac tr,.wpac dt,.wpac ol,.wpac form,.wpac select,.wpac option,.wpac pre,.wpac div,.wpac table,.wpac th,.wpac tbody,.wpac tfoot,.wpac caption,.wpac thead,.wpac ul,.wpac li,.wpac address,.wpac blockquote,.wpac dd,.wpac fieldset,.wpac li,.wpac strong,.wpac legend,.wpac em,.wpac s,.wpac cite,.wpac span,.wpac input,.wpac sup,.wpac label,.wpac dfn,.wpac object,.wpac big,.wpac q,.wpac font,.wpac samp,.wpac acronym,.wpac small,.wpac img,.wpac strike,.wpac code,.wpac sub,.wpac ins,.wpac textarea,.wpac var,.wpac a,.wpac abbr,.wpac applet,.wpac del,.wpac kbd,.wpac tt,.wpac b,.wpac i,.wpac hr{background-attachment:scroll!important;background-color:transparent!important;background-image:none!important;background-position:0 0!important;background-repeat:repeat!important;border-color:black!important;border-color:currentColor!important;border-radius:0!important;border-style:none!important;border-width:medium!important;bottom:auto!important;clear:none!important;clip:auto!important;color:inherit!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:inherit!important;display:inline;float:none!important;font-family:inherit!important;font-size:inherit!important;font-style:inherit!important;font-variant:normal!important;font-weight:inherit!important;height:auto;left:auto!important;letter-spacing:normal!important;line-height:inherit!important;list-style-type:inherit!important;list-style-position:outside!important;list-style-image:none!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1;outline:invert none medium!important;overflow:visible!important;padding:0!important;position:static!important;quotes:"" ""!important;right:auto!important;table-layout:auto!important;text-align:inherit!important;text-decoration:inherit!important;text-indent:0!important;text-transform:none!important;top:auto!important;unicode-bidi:normal!important;vertical-align:baseline!important;visibility:inherit!important;white-space:normal!important;width:auto!important;word-spacing:normal!important;z-index:auto!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;-moz-box-sizing:border-box!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;text-shadow:none!important;-webkit-transition:none!important;transition:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.wpac,.wpac h3,.wpac h5,.wpac p,.wpac h1,.wpac dl,.wpac dt,.wpac h6,.wpac ol,.wpac form,.wpac select,.wpac option,.wpac pre,.wpac div,.wpac h2,.wpac caption,.wpac h4,.wpac ul,.wpac address,.wpac blockquote,.wpac dd,.wpac fieldset,.wpac textarea,.wpac hr{display:block}.wpac table{display:table}.wpac tbody{display:table-row-group}.wpac tr{display:table-row}.wpac td{display:table-cell}.wpac ul{list-style-type:none!important}.wpac li{display:list-item;min-height:auto!important;min-width:auto!important}.wpac a,.wpac a *,.wpac input[type=submit],.wpac input[type=radio],.wpac input[type=checkbox],.wpac select{cursor:pointer!important}.wpac a:hover{text-decoration:none!important}.wpac button,.wpac input[type=submit]{height:auto!important;text-align:center!important}.wpac input[type=hidden]{display:none}.wpac select{-webkit-appearance:menulist!important;-moz-appearance:menulist!important;appearance:menulist!important}.wpac input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important}.wpac input[type=checkbox]:before,.wpac input[type=checkbox]:after{content:none!important;border:0!important}.wpac input[type=radio]{-webkit-appearance:radio!important;-moz-appearance:radio!important;appearance:radio!important}.wpac input[type=radio]:before,.wpac input[type=radio]:after{content:none!important;border:0!important}.wpac li:before,.wpac li:after{content:""!important}.wpac input,.wpac select{vertical-align:middle!important}.wpac select,.wpac textarea,.wpac input{border:1px solid #ccc!important}.wpac table{border-collapse:collapse!important;border-spacing:0!important}.wpac *[dir=rtl]{direction:rtl!important}.wpac img{border:0!important}.wpac svg{vertical-align:middle!important;-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.wpac{font-size:14px!important;line-height:20px!important;direction:ltr!important;text-align:left!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;color:#333!important;font-style:normal!important;font-weight:400!important;text-decoration:none!important;list-style-type:disc!important}.wpac .wp-sheet{position:fixed!important;bottom:0!important;right:0!important;height:100%!important;width:368px!important;z-index:1999999000!important;transition:all .2s ease-in-out!important}@media(max-width:460px){.wpac .wp-sheet{width:100%!important}}.wpac .wp-sheet-head{position:absolute!important;top:0!important;right:0!important;width:100%!important;height:48px!important;background:#fff!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.12)!important;z-index:1999999002!important}.wpac .wp-sheet-head-inner{position:absolute!important;left:20px!important;top:0!important;width:100%!important;height:100%!important;line-height:48px!important;z-index:1999999000!important}.wpac .wp-sheet-head-close{position:relative!important;height:49px!important;float:right!important;color:#aaa!important;font-size:28px!important;line-height:48px!important;margin:0 20px 0 15px!important;z-index:1999999001!important;transition:all .2s ease-in-out!important}.wpac .wp-sheet-head-close:hover{color:#555!important}.wpac .wp-sheet-body{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;background:rgba(250,250,251,.98)!important;border-left:1px solid #dadee2!important;box-shadow:0 0 4px 1px rgba(0,0,0,.08)!important;z-index:1999999000!important}.wpac .wp-sheet-content{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;opacity:0!important;overflow-y:auto!important;z-index:1999999001!important;transition:all .2s ease-in-out!important;-webkit-transform:translateZ(0)!important}.wpac .wp-sheet-content.wp-sheet-ready{opacity:1!important}.wpac .wp-sheet-content-inner{position:relative!important;min-height:100%!important;margin:0 auto!important}.wpac .wp-sheet-footer{position:absolute!important;bottom:0!important;right:0!important;left:1px!important;width:100%!important;z-index:1999999002!important;background:rgba(250,250,251,.98)!important}.wp-gr .wp-google-badge{display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)!important}.wp-gr .wp-google-badge-fixed{position:fixed!important;right:30px!important;bottom:30px!important;max-width:none!important;z-index:2147482999!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)!important}.wp-gr .wp-google-badge_left-fixed{position:fixed!important;left:30px!important;bottom:30px!important;max-width:none!important;z-index:2147482999!important}.wp-gr .wp-google-badge *{cursor:pointer!important}.wp-gr .wp-google-border{width:100%!important;height:6px!important;background:#4fce6a!important;border-radius:2px 2px 0 0!important}.wp-gr .wp-google-badge-btn{position:relative!important;padding:10px!important;background:#fff!important;transition:all .2s ease-in-out!important;border-radius:2px!important}.wp-gr .wp-google-badge-btn:hover{background:#f3f3f5!important}.wp-gr .wp-google-logo{position:absolute!important;top:10px!important}.wp-gr .wp-google-badge-score{display:inline-block;margin:0 0 0 4px!important;vertical-align:middle!important}.wp-gr .wp-google-rating{color:#e7711b!important;font-size:20px!important;margin:0 6px 0 0!important;vertical-align:middle!important}.wp-gr .wp-google-stars .wp-star{padding:0 4px 0 0!important;line-height:22px!important}.wp-gr .wp-google-powered{color:#777!important;margin:6px 0 0!important}.wp-gr .wp-google-form .wp-google-reviews{padding:16px 16px 0!important}.wp-gr .wp-google-review{margin-top:15px!important}.wp-gr .wp-google-left{display:table-cell!important;padding-right:10px!important;vertical-align:top!important}.wp-gr .wp-google-left img{border:none!important;float:left!important;height:50px!important;width:50px!important;margin-right:5px!important;border-radius:50%!important}.wp-gr .wp-google-reviews img{border-radius:50%!important}.wp-gr .wp-google-right{display:table-cell!important;vertical-align:top!important;width:10000px!important}.wp-gr .wp-google-place .wp-star svg{width:18px!important;height:18px!important;vertical-align:middle!important}.wp-gr .wp-star svg{display:inline-block!important}.wp-gr .wp-google-review .wp-star svg{width:16px!important;height:16px!important;vertical-align:middle!important}.wp-gr .wp-google-name{color:black!important;font-size:100%!important;font-weight:700!important;margin:0 0 2px!important;padding-right:6px!important;text-decoration:none!important}.wp-gr a.wp-google-name{color:#427fed!important;text-decoration:none!important}.wp-gr .wp-google-time{color:#999!important;font-size:13px!important}.wp-gr .wp-google-text{color:#222!important;font-size:13px!important;line-height:18px!important;max-width:100%!important;overflow:hidden!important;white-space:pre-wrap!important;word-break:break-word!important}.wp-gr .wp-google-text .wp-google-stars{padding-right:7px!important}.wp-gr .wp-more{display:none}.wp-gr .wp-more-toggle{color:#136aaf!important;cursor:pointer!important;text-decoration:none!important}.wp-gr .wp-google-url{display:block;margin:10px 0!important;color:#2c7cff!important;text-align:center!important}.wp-gr .wp-google-form{position:fixed!important;bottom:0!important;right:0!important;height:100%!important;width:368px!important;z-index:2147483000!important}.wp-gr .wp-google-form.wp-google-form-left{left:0!important}@media(max-width:460px){.wp-gr .wp-google-form{width:100%!important}}.wp-gr .wp-google-head{position:absolute!important;top:0!important;right:0!important;width:100%!important;height:80px!important;background:#fff!important;padding:10px 16px!important;overflow:hidden!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.12)!important;z-index:2147483002!important}.wp-gr .wp-google-head-inner{z-index:2147483000!important;position:absolute!important;left:20px!important;top:20px!important;width:100%!important;height:100%!important;pointer-events:none!important}.wp-gr .wp-google-close{padding:0!important;cursor:pointer!important;outline:0!important;border:0!important;background:0 0!important;min-height:0!important;width:auto!important;float:right!important;font-size:32px!important;font-weight:500!important;line-height:.6!important;color:#999!important;-webkit-appearance:none!important}.wp-gr .wp-google-close:hover{color:#555!important}.wp-gr .wp-google-body{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;background:rgba(250,250,251,.98)!important;border-left:1px solid #dadee2!important;box-shadow:0 0 4px 1px rgba(0,0,0,.08)!important;z-index:2147483000!important}.wp-gr .wp-google-content{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;overflow-y:auto!important;z-index:2147483001!important;-webkit-transform:translateZ(0)!important}.wp-gr .wp-google-content{top:80px!important;bottom:48px!important}.wp-gr .wp-google-content-inner{position:relative!important;min-height:100%!important;margin:0 auto!important}.wp-gr .wp-google-footer{position:absolute!important;bottom:0!important;right:0!important;width:100%!important;height:48px!important;text-align:center!important;z-index:2147483002!important;background:#fff!important;box-shadow:0 -1px 2px 0 rgba(0,0,0,.06)!important;-moz-text-align-last:center!important;text-align-last:center!important}.wp-gr .wp-google-footer img{float:right!important;padding:16px!important}.wp-gr .wp-dark .wp-google-name{color:#eee!important}.wp-gr .wp-dark .wp-google-time{color:#bbb!important}.wp-gr .wp-dark .wp-google-text{color:#ececec!important}.wp-gr.wpac .wp-google-name{font-size:100%!important}.wp-gr.wpac .wp-google-hide{display:none}.wp-gr.wpac .wp-google-name a{color:#333!important;font-size:100%!important;text-decoration:none!important}.wp-gr.wpac .wp-google-left img{width:50px!important;height:50px!important;border-radius:50%!important}.wp-gr.wpac a.wp-google-name{color:#427fed!important;text-decoration:none!important}.wp-gr.wpac .wp-google-place .wp-star svg{width:18px;height:18px}.wp-gr.wpac .wp-google-review .wp-google-stars{display:inline-block;margin-right:4px!important}.wp-gr.wpac .wp-google-review .wp-star svg{width:16px;height:16px}.wp-gr.wpac .wp-dark .wp-google-name a{color:#eee!important}.wp-gr .wp-google-richsnippet{color:#999!important;font-size:12px!important;line-height:16px!important;margin-top:6px!important;border-top:1px solid #eee!important;padding-top:4px!important}.grw-slider{position:relative}.grw-slider .swiper-wrapper{opacity:1;-moz-opacity:1;filter:alpha(opacity=1)}.grw-slider .grw-slider-prev,.grw-slider .grw-slider-next{position:absolute!important;top:50%!important;width:30px;height:30px;background:#eee;border-radius:50%;margin-top:-22px!important;z-index:10!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.grw-slider .grw-slider-prev{left:-35px!important}.grw-slider .grw-slider-next{right:-35px!important}.grw-slider .grw-slider-prev span,.grw-slider .grw-slider-next span{position:absolute!important;top:48%!important;left:40%!important;color:#777!important;direction:ltr!important;font:normal 300 28px/0 "Muli",Helvetica,Arial,Verdana,sans-serif!important}.grw-slider .grw-review{margin:20px 0 40px!important}.grw-slider .wp-google-feedback{position:relative!important;margin:2px!important;color:#777!important;font-size:18px!important;border:1px solid #ededed!important;background-color:#fafafa!important;border-radius:4px!important}.grw-slider .wp-google-feedback:before{position:absolute!important;bottom:-7px!important;left:35px!important;display:block!important;width:14px!important;height:14px!important;border:1px solid #ededed!important;border-top:none!important;border-left:none!important;background-color:#fafafa!important;content:""!important;-webkit-transform:rotate(45deg)!important;-ms-transform:rotate(45deg)!important;transform:rotate(45deg)!important}.grw-slider .wp-google-content2{position:static!important;height:150px!important;overflow-y:auto!important;font-size:14px!important;text-align:left!important;padding:0 2px 0 0!important;margin:20px 20px 20px 40px!important}.grw-slider .wp-google-content2::-webkit-scrollbar{width:4px!important}.grw-slider .wp-google-content2::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)!important;-webkit-border-radius:4px!important;border-radius:4px!important}.grw-slider .wp-google-content2::-webkit-scrollbar-thumb{-webkit-border-radius:10px!important;border-radius:10px!important;background:#ccc!important;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)!important}.grw-slider .wp-google-content2::-webkit-scrollbar-thumb:window-inactive{background:#ccc!important}.grw-slider .wp-google-content2:before{bottom:47px!important;box-sizing:border-box!important;color:#bbb!important;content:'\201C'!important;display:block!important;height:96px!important;left:50px!important;position:absolute!important;right:515.391px!important;text-size-adjust:100%!important;top:20px!important;width:24.6094px!important;column-rule-color:#bbb!important;perspective-origin:12.2969px 48px!important;transform-origin:12.2969px 48px!important;border:0 none #bbb!important;font:normal normal normal normal 60px/96px Georgia,serif!important;margin:-25px 0 0 -40px!important;outline:#bbb none 0!important}.grw-slider .wp-google-content2>svg{position:absolute!important;bottom:8px!important;right:8px!important;width:24px!important;height:24px!important;background:#fff!important;padding:2px!important;border-radius:50%!important}.grw-slider .wp-google-text{color:#777!important;line-height:22px!important}.grw-slider .wp-google-stars{display:inline-block!important;margin-right:4px!important}.grw-slider .wp-google-stars .wp-star{padding:0 4px 0 0!important;line-height:22px!important}.grw-slider .wp-google-stars .wp-star svg{width:18px!important;height:18px!important;vertical-align:middle!important}.grw-slider .wp-google-user{display:flex!important;position:relative!important;padding:20px!important}.grw-slider .wp-google-user img{width:50px!important;height:50px!important;padding:0!important;margin:0!important;border-radius:100%!important;box-shadow:0 0 1px #a9a9a9!important;vertical-align:middle!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important}.grw-slider .wp-google-info{margin:0 0 0 10px!important;text-align:left!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.grw-slider .wp-google-name{display:block!important;margin-bottom:3px!important;font-size:100%!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#427fed!important;text-decoration:none!important;box-shadow:none!important}.grw-slider .wp-google-time{display:block!important;color:#999!important;font-size:13px!important;line-height:14px}.grw-slider .wp-more{display:none}.grw-slider .wp-more-toggle{color:#136aaf!important;cursor:pointer!important;text-decoration:underline!important}@media(max-width:480px){.wp-google-badge.wp-google-badge-fixed.wp-google-badge-hide{display:none!important}}@media(max-width:480px){.wp-google-badge.wp-google-badge_left-fixed.wp-google-badge-hide{display:none!important}}
[data-class=wpcf7cf_group],.wpcf7cf_remove,.wpcf7cf_add{display:none}.wpcf7cf_repeater_sub{margin-bottom:20px}.wpcf7cf_repeater_controls,.wpcf7cf_step_controls{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.wpcf7cf_multistep .wpcf7cf_step{width:100%}.wpcf7cf_multistep .wpcf7cf_step .step-title{display:none}.wpcf7cf_multistep .wpcf7cf_steps-dots{display:flex;width:100%;margin-bottom:20px;flex-wrap:wrap}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index{display:inline-block;border-radius:50%;background:#dfdfdf;color:#000;width:40px;height:40px;line-height:40px;text-align:center}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot{border-bottom:5px solid #dfdfdf;text-align:center;flex:1;padding:15px;min-width:120px}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed{border-bottom:5px solid #333}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active{border-bottom:5px solid #333;font-weight:700}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index{background-color:#333;color:#fff}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index{background-color:#333;color:#fff}.wpcf7cf_step_controls .disabled{pointer-events:none;cursor:default;opacity:.5}
@charset "UTF-8";
/**
* Responsive Tabs Front CSS (minified)
*/
.rtbs{margin:20px 0}.rtbs .rtbs_menu ul{list-style:none;padding:0!important;margin:0!important}.rtbs .rtbs_menu li{display:inline-block;padding:0;margin-left:0;margin-bottom:0px!important}.rtbs .rtbs_menu li:before{content:""!important;margin:0!important;padding:0!important}.rtbs .rtbs_menu li a{display:inline-block;color:#333;text-decoration:none;padding:.7rem 30px;box-shadow:0 0 0}.rtbs .rtbs_menu li a.active{position:relative;color:white}.rtbs .rtbs_menu .mobile_toggle{padding-left:18px;display:none;cursor:pointer}.rtbs>.rtbs_content{display:none;padding:23px 30px 1px;background:#f9f9f9;color:#333}.rtbs>.rtbs_content ul,.rtbs>.rtbs_content ol{margin-left:20px}.rtbs>.active{display:block}.entry-content .rtbs .rtbs_menu ul li{margin:0}.entry-content .rtbs .rtbs_menu ul li a{border:none}.rtbs_full .rtbs_menu ul{display:block;border-bottom:0;overflow:hidden;position:relative}.rtbs_full .rtbs_menu ul::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAANxJREFUeNrs1zEKAjEQheE/IooiLNiIsJXYeRpvYOX5BL2Gna2doKCwxVqJGJvtJRNhCLzph/2YzRuSEGOktOpRYAkttNBCCy200EIL/aP6mf1HYA6k3G8DcAC2XugVMDT0LTwnfQdmhr4m56Mh8+VSAyPgk5ijBnh4oQfGv/UC3l7oUxfE1NoDG68zvTQGsfYM4tUQxJBznv9xPKbdpFP39BNovSZdAWNDX8xB5076ZtzTO2DtdfeojH0TzyCejSvv4hlEXU2FFlpooYUWWmihhRa6sPoCAAD//wMAFzYsxLjCvakAAAAASUVORK5CYII=);position:absolute;top:1px;right:15px;z-index:2;pointer-events:none}.rtbs_full .rtbs_menu ul li{display:none;padding-left:30px;background:#f1f1f1}.rtbs_full .rtbs_menu ul li a{padding-left:0;font-size:17px!important;padding-top:14px;padding-bottom:14px}.rtbs_full .rtbs_menu a{width:100%;height:auto}.rtbs_full .rtbs_menu li.mobile_toggle{display:block;padding:.5rem;padding-left:30px;padding-top:12px;padding-bottom:12px;font-size:17px;color:white}.rtbs_tab_ori .rtbs_menu a,.rtbs_tab_ori .rtbs_menu .mobile_toggle,.rtbs_tab_ori .rtbs_content,.rtbs_tab_ori .rtbs_content p,.rtbs_tab_ori .rtbs_content a{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-weight:300!important}
@font-face{font-family:'icomoon';src:url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/icomoon/icomoon.eot?faxfha);src:url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/icomoon/icomoon.eot?faxfha#iefix) format('embedded-opentype'),url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/icomoon/icomoon.ttf?faxfha) format('truetype'),url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/icomoon/icomoon.woff?faxfha) format('woff'),url(//kiel.surfers-p.de/wp-content/themes/twentyseventeen-child/fonts/icomoon/icomoon.svg?faxfha#icomoon) format('svg');font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:'icomoon' !important;speak:never;font-size:1.2rem;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-home:before{content:"\e900"}.icon-images:before{content:"\e90e"}.icon-camera:before{content:"\e90f"}.icon-connection:before{content:"\e91b"}.icon-copy:before{content:"\e92c"}.icon-cart:before{content:"\e93a"}.icon-coin-euro:before{content:"\e93c"}.icon-credit-card:before{content:"\e93f"}.icon-phone:before{content:"\e942"}.icon-envelop:before{content:"\e945"}.icon-location2:before{content:"\e948"}.icon-printer:before{content:"\e954"}.icon-mobile:before{content:"\e958"}.icon-quotes-left:before{content:"\e977"}.icon-quotes-right:before{content:"\e978"}.icon-wrench:before{content:"\e991"}.icon-gift:before{content:"\e99f"}.icon-airplane:before{content:"\e9af"}.icon-checkmark:before{content:"\ea10"}.icon-play3:before{content:"\ea1c"}.icon-forward3:before{content:"\ea20"}.icon-arrow-up:before{content:"\ea32"}.icon-arrow-up2:before{content:"\ea3a"}.icon-circle-up:before{content:"\ea41"}.icon-mail2:before{content:"\ea84"}.icon-facebook:before{content:"\ea90"}.icon-whatsapp:before{content:"\ea93"}.icon-twitter:before{content:"\ea96"}.icon-youtube2:before{content:"\ea9e"}
Kontakt & Anfahrt - Center Laboe Zum Inhalt springen Anfahrt Center Laboe
Wenn Ihr mit dem Auto anreist, findet Ihr uns ganz einfach per Navi. Den Schildern Laboe, Ehrenmal folgen und den Berg hinab bis zur Strandstraße. Dort bis kurz vor dem U-Boot, da findet Ihr unsere Einfahrt.
Per Bus mit der 100/102 von Kiel Zentrum bis Laboe Hafen. Mit der Fähre dauert es etwas länger, ist aber auch schöner. Vom Hafen aus lauft Ihr die Strandstraße am Wasser entlang (das Wasser liegt links von Euch) ca. 12-15 Minuten, bis Ihr am U-Boot vorbei seid. Schon seid Ihr da!
ACHTUNG : Busse und Fähren fahren am Wochenende anders als in der Woche.
Diese Website benutzt Cookies. Wenn du die Website weiter nutzt, gehen wir von deinem Einverständnis aus. OK Nein Datenschutzerklärung