');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"}
Gruppenreisen & Klassenfahrten - Center Laboe Zum Inhalt springen Ihr habt Lust auf eine Klassenfahrt , Jugendreise , packende Gruppenreisen , ein kultiges Ferienlager oder eine Abi-, Studentenreise oder Abschlussfahrt an die Ostsee? Ihr wollt Wassersport hautnah erleben? Dann kommt zu uns!
Wir bieten Euch mit verschiedenen Aktivitäten wie Kurse im Windsurfen, Kitesurfen, Stand Up Paddel und Segeln sowie dem Verleih von Kajaks und SUP. Erlebt eine abwechslungsreiche und abenteuerliche Klassenfahrt in Laboe bei Kiel.
Zentrale sportliche Ausrichtungen unserer Klassenreisen Wir sind die erste Adresse für Erlebnispädagogik auf dem Wasser mit den Schwerpunkten:
Windsurfen Kitesurfen Stand Up Paddeling (SUP) Segeln (bis 12 Jahre) Konzeptionelles Vorgehen bei unseren Schulsportveranstaltungen Wir vermitteln Bewegungsfreude und fördern die konditionellen und motorischen Fähigkeiten aller Kursteilnehmer.
Wir fördern die Selbst-, Sach und Sozialkompetenz der Kinder und Jugendlichen, indem wir die sportlichen Rahmenrichtlinien unterschiedlicher Schulformen und Länder unter Verwendung verschiedener sportpädagogischer Konzepte umsetzen.
Körper-, Bewegungs-, Material-, Könnens-, Ausdrucks-, Sozial- und Gesundheitserfahrungen werden intensiv vermittelt. Wir helfen den Schülern dabei, Werte und Einstellungen für den Umgang mit sich und anderen zu entwickeln.
Wir unterscheiden differenziert nach der Altersstruktur der Schulklassen und befolgen die Rahmenrichtlinien der gymnasialen Oberstufe, indem wir auch die Möglichkeit des selbstbestimmten Planens und Durchführens von Sportunterricht ermöglichen.
Gemeinsam Sport erleben!
Wir unterscheiden zwischen didaktischen Schwerpunkten, die sowohl separat als auch in Kombination Anwendung finden:
Teamfähigkeit (nicht nur) im gemeinsamen Sporttreiben auf dem Wasser, beim Segeln im Hinblick auf das Sozialverhalten, Gesundheit und nachhaltigem Umgang mit der Natur. Klettern im Hochseilgarten. Eigenverantwortliche Gestaltung der Klassen- bzw. Gruppenfahrt unter Anleitung. Individuelle Grenzerfahrung in der Natur.
Wir fördern die emotionale und körperliche Entwicklung der Kinder und Jugendlichen indem wir ihr Bewegungsrepertoire durch die Erfahrungen im Wassersport erweitern Betreuung durch geschulte Sportlehrer nach unterschiedlichen sportpädagogischen Konzepten und verschiedenen Sinnrichtungen des Sporttreibens. Personal Die konzeptionelle Planung und die Durchführung der Kurse werden von ausgebildeten Sportlehrern und VDWS-zertifizierten Instruktoren durchgeführt. Wir garantieren eine professionelle Arbeitsweise.
Rahmenprogramm Laboe und das Umland bieten eine Vielzahl an Möglichkeiten, um auch neben dem Wassersportkurs viel zu erleben. Das Ehrenmal und das U-Boot sind ein Muß. Hier können auch verschiedene Führungen gebucht werden. Ebenfalls in direkter Laufweite befindet sich die Meeresbiologische Station Laboe . Auch hier sind sehr interessante Führungen buchbar und erklären altersangemessen die Entstehung der Ostsee, Flora und Fauna im Wandel der Entwicklung und viele weitere spannende Themen. Ideal ist auch ein Segeltörn auf einem größeren Segelschiff wie zB der Gefion . Ein Fahrradverleih in Laboe bietet zu sehr fairen Preisen Drahtesel und Bollerwagen an. Auf der anderen Seite der Förde, mit der Fähre in 10 Minuten erreichbar, befindet sich ein Hochseilgarten . Die Landeshauptstadt Kiel mit ihren Fähren, ihrer Seefahrertradition und Ihrer Lage im Machtzentrum der Landespolitik kann aus verschiedensten Perspektiven besichtigt werden.
Nicht mehr fußläufig, aber für einen Halbtages- oder Tagesausflug gut geeignet finden sich des Wikingermuseum Haitabu, ein Eselpark, eine Falknerei, Schulbauernhöfe u.v.m.
Auch Kooperationen mit Tennisvereinen, Golfplätzen und Großseglern sind möglich.
Und schließlich bietet Laboe natürlich auch den Klassiker jeder Gruppenreise: einen Minigolfplatz!
Gerne sind wir bei der Planung Eures Laboe-Aufenthaltes behilflich.
Unterkünfte Wir bieten in Laboe keine eigenen Unterkünfte an. Je nach Gruppengräße und -charakter bieten sich verschiedene Unterkünfte an:
Gut mit dem Fahrrad zu erreichen, finden sich folgende Unterkünfte:
Ostseeheim Stein (Selbstverpflegung, 6er + 8er Zimmer, 79 Betten)Schullandheim Schönberg (Selbstverpflegung, 6er + 8er Zimmer, 52 Betten +3 Zimmer für Betreuer)Jugendhof Schönberg (Selbstverpflegung oder Vollverpflegung, 139 Betten in einzelnen Blockhäusern mit eigenem WC, Fahrradverleih incl., 18 Euro Übernachtung , Vollverpflegung +12 Euro) – UNSER TIP!!!Jugendherberge Schönberg
In Kiel befindet sich eine DJH-Jugendherberge mit verschiedenen Verpflegungsmodellen. Die Anfahrt ist etwas weiter, lässt sich aber mit dem Fördedampfer schön gestalten.
Anreise Wir empfehlen zB die Anreise mit dem Zug bis Kiel Hbf, dann mit der Fähre weiter nach Laboe, dort Fahrräder mieten, und während Ihr zu Eurer Unterkunft radelt, bringen wir für Euch das Gepäck dorthin.
Wir haben 2020 noch Termine frei!
Kalkulationsbeispiel
Anreise Montag Montag Nachmittag 2 Stunden Einführung in den Wassersport, Gruppeneinteilung, Sicherheitseinweisung und erste Übungen Dienstag- Donnerstag je 3 Stunden Windsurfkurs Donnerstag Abend 2 Stunden SUP-Tour Freitag Abreise
Als Nachmittagsaktivität zB Dienstag Ehrenmal und U-Boot inkl historischer Führung, danach Laboe-Rundgang Mittwoch Kletterpark oder Segeltour
Wassersportkurs 11 Stunden Windsurfen + 2 Stunden SUP-Tour: 130 € Unterkunft mit Vollverpflegung im Jugendhof Schönberg : 160 € zweistündiger Segeltörn auf der Gefion mit max 25 Personen: ab 20 Euro
Dies sind Beispielpreise und werden je nach Modell und Wünschen individuell angepasst. Bei Eurer Urlaubsplanung sind wir Euch gerne behilflich und erstellen Euch Euer auf Euch zugeschnittenes Angebot.
Anfragen & Anmeldung Diese Website benutzt Cookies. Wenn du die Website weiter nutzt, gehen wir von deinem Einverständnis aus. OK Nein Datenschutzerklärung