');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"}
Lerne das Kiten in der VDWS Kiteschule in Kiel, ebenfalls das Windsurfen Zum Inhalt springen Welcome to Paradise! Wir begrüßen Dich in unserer VDWS Wing-, Windsurf-, Segel-, SUP- und Kitesurfschule Kiel. Direkt am Strand neben dem U-Boot steht unsere Station, in der wir Shop- und Schulbetrieb unter einem Dach vereinen. Kostenlose Kundenparkplätze, eine Chill-Area, gemütliche Atmosphäre und ein traumhafter Ausblick machen unsere Station in Laboe zum Hotspot an der Kieler Förde.
Bei uns findest Du die ganze Welt des Wassersports, mit Kursen, Testcenter, Verleih, Shop, Event-Location, Chill-Zone und mehr. Hier sind wir von März bis November für Dich da.
Unser Kursprogramm reicht vom Einsteigerkurs in der Gruppe über Kleingruppenkurse und Individualbetreuung bis zu verschiedenen Aufsteigerkursen, damit jeder den für ihn angenehmsten und besten Weg in den Wassersport finden und schnelle und effektive Lernerfolge verzeichnen kann.
In den Sommerferien bieten wir für Kinder ab 7 Jahren spezielle Kinderkurse im Windsurfen und Segeln an. Hier können schon unsere Jüngsten mit viel Spaß, speziellem Kindermaterial und gut betreut in den Wassersport hineinfinden.
Und für den perfekten Sundowner oder das Session-Wakeup findest Du bei uns heiße und kalte Getränke und leckeres Eis!
Ein aktuelles Livebild, von unserem perfekten Stehrevier, gibt es hier: Webcam
Im Onlinesurfshop findest du alles, was du für deinen Wassersport brauchst!
VDWS Kursangebote Kiten lernen Windsurfen lernen Wingsurfen lernen Stand Up Paddle lernen Segeln lernen
VDWS Kiteschule Laboe
Kitesurfen lernen leicht gemacht!
Egal, ob Anfänger oder Fortgeschritten, in unserem stehtiefen Revier, lernst du schnell & sicher Kitesurfen!
Kitekurs buchen >>
Hydrofoilkurs buchen >>
VWDS Windsurfschule Laboe
Windsurfen ist eine faszinierende Sportart. Egal ob groß, klein, jung oder alt, das Windsurfen ist die perfekte Sportart, um in den Wassersport einzusteigen. Rauf auf das Board, Segel ran ziehen und los geht’s.
Windsurfkus buchen >>
Kindersurfkurs buchen >>
Wingsurfen lernen
Jeder kann das Wingsurfen & Wingfoilen lernen, ohne jegliche Vorerfahrung! Wingsurfen & Wingfoilen ist ein Mix aus Kiten, Windsurfen und Stand Up Paddle und mit dem richtigen Material, wirklich einfach & sicher zu lernen.
Wingsurfkurs buchen >>
VDWS Stand Up Paddle Schule Laboe
SUP ist für jeden in kürzester Zeit erlernbar. Weder Alter noch Kraft spielen hier eine Rolle. Dabei wird fast unbewusst der ganze Körper trainiert. Entspannung ist garantiert.
SUP Kurs buchen >>
VDWS Segelschule Laboe
Die Kieler Förde ist das optimale Segelrevier, um Segeln zu erlernen.
Opti SegelKurs buchen >>
Wir sind VDW-zertifiziertes Wassersportcenter und unterrichten nach den entsprechenden Standards. Neuestes Schulungs- und Testmaterial von Naish , CORE , F-One, Gaastra , Wanna Sails, XCEL , Blankforce , Kold Shapes, Bic, STX, Prolimit, Manera uvm. Unser komplettes Schulungsmaterial ist immer neuwertig und zu günstigen Konditionen direkt aus der Schulung zu erwerben. Alle unsere Lehrer sind bestens ausgebildet und haben Spaß daran, die Leidenschaft zu unserem Sport weiterzutragen. Wir legen besonderen Wert auf familiäres Flair und individuelle Betreuung, sodass sich jeder von Anfang an willkommen und bestens betreut fühlt. Alle Kurse und Verleih sind inklusive des kompletten Materials mit Neoprenanzug, Trapez und Helm. Schuhe verleihen wir aus hygienischen Gründen nicht, bieten aber Markenschuhe zum Vorzugspreis von 29 Euro an!Unsere Schüler und Kunden können auf dem Parkplatz der Station direkt neben dem U-Boot auf dem Strand vor unserem Shop kostenfrei parken. Umkleiden- und Duschennutzung, Werkzeugverleih, Hilfe mit Rat und Tat, Reviereinweisung und für den Fall der Fälle immer ein Pflaster ist für jeden kostenfrei. Wir sind IHK-Ausbildungsbetrieb. Basierend auf 45 Rezensionen
Asraa El Assi 09:37 03 Jun 20
Hat total Spass gemacht. Ganz liebes Personal. Und im Shop coole Sachen zum erwerben. Svenja Zeidler 07:07 27 May 20
Mein Mann und ich waren zum Kitenlernen bei Surfer's Paradise. Der Spot ist größtenteils stehtief und somit auch für... uns Anfänger perfekt geeignet. Surfschule und Parkplatz sind direkt am Strand. Chef Rasmus ist super engagiert, flexibel und kompetent. Wir wurden sehr gut beraten und auch die Preise waren alle fair. Beim Unterricht hatten wir verschiedene Lehrer, jeder hat uns auf seine Weise weitergeholfen und gute Tipps gegeben. Das Schulungsmaterial war in hervorragendem Zustand, da haben wir bei anderen Schulen schon schlechte Erfahrungen gemacht. Das gesamte Team war jederzeit hilfsbereit, freundlich und bester Laune. Wir haben uns sehr wohl gefühlt und werden gerne wieder kommen. mehr Moritz Franke 20:16 17 May 20
Richtig gutes Zeug. Eine einfach geniale Surfstation an einem der besten Spots zum Windsurfen,Kiten und SUP. Das Team... ist immer gut drauf und hilfsbereit auch wenn’s mal etwas stressiger ist. Ob Pflaster, Board repair oder leckeren Café, es wird jedem geholfen. mehr Bernhard Maas 18:56 09 Dec 19
Was gibt es Schöneres als an diesem Platz den Sonnenuntergang zu genießen. Vallerie P 17:56 09 Nov 19
Ich würde Neukunden gegenüber nicht so bedrängend sein . Madita Meyer 10:15 30 Aug 19
Super nette Lehrer, die sehr bemüht sind, einem zu helfen. Die Aufteilung 4 Schüler auf 2 Kites und 1 Lehrer finde... ich zum Einstieg perfekt, da es bei den ersten Versuchen auch anstrengend ist und man auch schon vom gucken lernt. Toller Spot darüberhinaus und perfektes Wetter, was will man mehr! Ich mache definitiv weiter! mehr Johann Dillmann 07:28 24 Aug 19
Hallo,Ich war vor zwei Wochen bei Rasmus in der Kite Schule und habe mir mit meiner Freundin einen Premiumkurs... gegönnt. Wir hatten einen eine super tolle Zeit und zwei Weltklasse Lehrer. Großes Lob an Philipp und Johannes. Natürlich ist der Kite-Sport auch immer von den Wetterbedingunen abhängig. Hier hat sich Rasmus auch super kulant gezeigt. Vielen Dank nochmal. Die Stimmung war immer super. Wir können diese Kiteschule nur empfehlen und werden mit Sicherheit wieder kommen. Schöne Grüße aus München mehr Olaf Stenzel 07:51 08 May 19
Hallo,am Sonntag war ich zum ersten Mal dort und bin sehr nett aufgenommen worden. Das Revier ist durch die geringe... Wassertiefe sehr gut für Anfänger geeignet. Das Intensivtraining war mehr "Kiten unter Beobachtung" was definitiv nicht am Trainer lag. Er hat mir sehr gute Tipps gegeben, was ich besser machen kann.Ich komme bestimmt wieder ! mehr Holger Hügel 14:09 16 Aug 18
Mein Sohn (12) hat letztes Jahr hier den Segel- u. dieses Jahr den Windsurfkurs gemacht!Sehr nettes, kompetentes Team... mit guter Betreuung! Sehr zu empfehlen! ⛵🌞🌊 mehr Nächste Bewertungen Diese Website benutzt Cookies. Wenn du die Website weiter nutzt, gehen wir von deinem Einverständnis aus. OK Nein Datenschutzerklärung