');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:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}.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}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em}span.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}span.wpcf7-list-item-label:before,span.wpcf7-list-item-label:after{content:" "}div.wpcf7 .ajax-loader{visibility:hidden;display:inline-block;background-image:url(//www.xhtmlchamps.com/blog/wp-content/plugins/contact-form-7/includes/css/../../assets/ajax-loader.gif);width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle}div.wpcf7 .ajax-loader.is-active{visibility:visible}div.wpcf7 div.ajax-error{display:none}div.wpcf7 .placeheld{color:#888}div.wpcf7 input[type=file]{cursor:pointer}div.wpcf7 input[type=file]:disabled{cursor:default}div.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}
@font-face{font-family:csscfont;src:url(//www.xhtmlchamps.com/blog/wp-content/plugins/cresta-social-share-counter/css/../font/csscfont.eot?44942080);src:url(//www.xhtmlchamps.com/blog/wp-content/plugins/cresta-social-share-counter/css/../font/csscfont.eot?44942080#iefix) format('embedded-opentype'),url(//www.xhtmlchamps.com/blog/wp-content/plugins/cresta-social-share-counter/css/../font/csscfont.woff2?44942080) format('woff2'),url(//www.xhtmlchamps.com/blog/wp-content/plugins/cresta-social-share-counter/css/../font/csscfont.woff?44942080) format('woff'),url(//www.xhtmlchamps.com/blog/wp-content/plugins/cresta-social-share-counter/css/../font/csscfont.ttf?44942080) format('truetype'),url(//www.xhtmlchamps.com/blog/wp-content/plugins/cresta-social-share-counter/css/../font/csscfont.svg?44942080#csscfont) format('svg');font-weight:400;font-style:normal;font-display:swap}[class*=" c-icon-cresta-"]:before,[class^=c-icon-cresta-]:before{font-family:csscfont!important;font-style:normal!important;font-weight:400!important;speak:none!important;display:inline-block!important;text-decoration:inherit!important;text-align:center!important;line-height:1em!important}.cs{display:inline-block!important;font:normal normal normal 14px/1 csscfont!important;font-size:inherit!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.c-icon-cresta-mail:before{content:'\e800'}.c-icon-cresta-plus:before{content:'\e801'}.c-icon-cresta-minus:before{content:'\e802'}.c-icon-cresta-whatsapp:before{content:'\e803'}.c-icon-cresta-vkontakte:before{content:'\e804'}.c-icon-cresta-stumbleupon:before{content:'\e805'}.c-icon-cresta-pinterest:before{content:'\e806'}.c-icon-cresta-facebook:before{content:'\e807'}.c-icon-cresta-twitter:before{content:'\e808'}.c-icon-cresta-linkedin:before{content:'\e809'}.c-icon-cresta-reddit:before{content:'\e80a'}.c-icon-cresta-buffer:before{content:'\e80b'}.c-icon-cresta-print:before{content:'\e80d'}.c-icon-cresta-xing:before{content:'\e80e'}.c-icon-cresta-spinner:before{content:'\e80f'}.c-icon-cresta-gplus:before{content:'\f0d5'}.c-icon-cresta-ok:before{content:'\f263'}.c-icon-cresta-telegram:before{content:'\f2c6'}.c-icon-cresta-tumblr:before{content:'\f173'}.animate-spin{-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}@-moz-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
#crestashareiconincontent{margin:0;font-size:15px;line-height:1;text-rendering:optimizeLegibility}#crestashareiconincontent .sbutton{float:left;margin:10px 5px}.cresta-share-icon a{text-decoration:none!important;border:0!important;outline:0!important;box-shadow:none!important}#crestashareicon{line-height:1;font-size:15px;text-rendering:optimizeLegibility}.cresta-share-icon .sbutton{position:relative;margin:8px 0;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;letter-spacing:.5px;line-height:1}.cresta-share-icon .sbutton.crestaShadow a i{border-bottom:2px solid rgba(0,0,0,.1);border-right:2px solid rgba(0,0,0,.1)}.cresta-share-icon .sbutton.crestaShadow a i:after{content:"";position:absolute;top:0;bottom:-20px;left:39%;right:-6px;background:rgba(0,0,0,.1);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-o-transition:background .8s linear;-moz-transition:background .8s linear;-webkit-transition:background .8s linear;transition:background .8s linear}.cresta-share-icon .sbutton.crestaShadow:hover a i:after{background:rgba(0,0,0,0);-o-transition:background 0s linear;-moz-transition:background 0s linear;-webkit-transition:background 0s linear;transition:background 0s linear}.cresta-share-icon i.c-icon-cresta-facebook{background:#3b5998}.cresta-share-icon i.c-icon-cresta-facebook:hover{border:2px solid #3b5998!important;color:#3b5998}.cresta-share-icon i.c-icon-cresta-twitter{background:#4099ff}.cresta-share-icon i.c-icon-cresta-twitter:hover{border:2px solid #4099ff!important;color:#4099ff}.cresta-share-icon i.c-icon-cresta-gplus{background:#d34836}.cresta-share-icon i.c-icon-cresta-gplus:hover{border:2px solid #d34836!important;color:#d34836}.cresta-share-icon i.c-icon-cresta-linkedin{background:#007bb6}.cresta-share-icon i.c-icon-cresta-linkedin:hover{border:2px solid #007bb6!important;color:#007bb6}.cresta-share-icon i.c-icon-cresta-pinterest{background:#cb2027}.cresta-share-icon i.c-icon-cresta-pinterest:hover{border:2px solid #cb2027!important;color:#cb2027}.cresta-share-icon i.c-icon-cresta-print{background:#36c1c8}.cresta-share-icon i.c-icon-cresta-print:hover{border:2px solid #36c1c8!important;color:#36c1c8}.cresta-share-icon i.c-icon-cresta-facebook,.cresta-share-icon i.c-icon-cresta-gplus,.cresta-share-icon i.c-icon-cresta-linkedin,.cresta-share-icon i.c-icon-cresta-pinterest,.cresta-share-icon i.c-icon-cresta-print,.cresta-share-icon i.c-icon-cresta-twitter{color:#fff;width:40px!important;height:40px!important;text-align:center!important;padding:11px 0;border:2px solid transparent;position:relative;overflow:hidden;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;-o-transition:border .6s linear,background .6s linear,color .6s linear;-moz-transition:border .6s linear,background .6s linear,color .6s linear;-webkit-transition:border .6s linear,background .6s linear,color .6s linear;transition:border .6s linear,background .6s linear,color .6s linear}.cresta-share-icon i.c-icon-cresta-facebook:hover,.cresta-share-icon i.c-icon-cresta-gplus:hover,.cresta-share-icon i.c-icon-cresta-linkedin:hover,.cresta-share-icon i.c-icon-cresta-pinterest:hover,.cresta-share-icon i.c-icon-cresta-print:hover,.cresta-share-icon i.c-icon-cresta-twitter:hover{background:#fff;-o-transition:border .2s linear,background .2s linear,color .2s linear;-moz-transition:border .2s linear,background .2s linear,color .2s linear;-webkit-transition:border .2s linear,background .2s linear,color .2s linear;transition:border .2s linear,background .2s linear,color .2s linear}.cresta-share-icon .cresta-the-total-count,.cresta-share-icon .cresta-the-total-text{display:block;text-align:center;color:#000;line-height:1em}.cresta-share-icon .cresta-the-total-text{font-size:11px;letter-spacing:-.5px;text-transform:uppercase}.cresta-share-icon .cresta-the-total-count{font-size:25px;font-weight:700}.cresta-share-icon.sameColors .facebook-cresta-share .cresta-the-count{background:#3b5998}.cresta-share-icon.sameColors .twitter-cresta-share .cresta-the-count{background:#4099ff}.cresta-share-icon.sameColors .googleplus-cresta-share .cresta-the-count{background:#d34836}.cresta-share-icon.sameColors .linkedin-cresta-share .cresta-the-count{background:#007bb6}.cresta-share-icon.sameColors .pinterest-cresta-share .cresta-the-count{background:#cb2027}.cresta-share-icon.first_style .cresta-the-count{background:#d60000;color:#fff;border-radius:50%;display:inline-block;width:23px;height:23px;text-align:center;position:absolute;left:28px;top:-10px;font-size:10px;line-height:1;padding:6px 0;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cresta-share-icon.second_style i{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.cresta-share-icon.second_style .cresta-the-count{background:#d60000;color:#fff;border-radius:50%;display:inline-block;width:23px;height:23px;text-align:center;position:absolute;left:28px;top:-10px;font-size:10px;line-height:1;padding:6px 0;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cresta-share-icon.third_style .cresta-the-count{background:#d60000;color:#fff;display:inline-block;height:40px;text-align:center;font-size:12px;line-height:1;padding:14px 5px;overflow:hidden;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cresta-share-icon.fourth_style i{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.cresta-share-icon.fourth_style .cresta-the-count{background:#d60000;color:#fff;border-radius:50%;display:inline-block;width:23px;height:23px;text-align:center;position:absolute;left:28px;top:-10px;font-size:10px;line-height:1;padding:6px 0;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cresta-share-icon.fifth_style i{padding:5px 0}.cresta-share-icon.fifth_style .cresta-the-count{background:#d60000;color:#fff;border:2px solid;border-radius:50%;display:inline-block;width:25px;height:25px;text-align:center;position:absolute;left:8px;bottom:-10px;font-size:10px;line-height:1;padding:5px 0;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cresta-share-icon.eleventh_style i{padding:5px 0;border-radius:3px}.cresta-share-icon.eleventh_style .cresta-the-count,.cresta-share-icon.eleventh_style .cresta-the-count-content{background:#d60000;color:#fff;display:inline-block;position:absolute;width:48px;bottom:0;left:-4px;text-align:center;font-size:10px;line-height:1;padding:1px 0;vertical-align:bottom;font-weight:700;overflow:hidden;-webkit-box-shadow:0 1px 5px 0 rgba(50,50,50,.5);-moz-box-shadow:0 1px 5px 0 rgba(50,50,50,.5);box-shadow:0 1px 5px 0 rgba(50,50,50,.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cresta-share-icon.twelfth_style i{padding:5px 0;-webkit-border-top-left-radius:50%;-webkit-border-top-right-radius:50%;-moz-border-radius-topleft:50%;-moz-border-radius-topright:50%;border-top-left-radius:50%;border-top-right-radius:50%}.cresta-share-icon.twelfth_style .cresta-the-count,.cresta-share-icon.twelfth_style .cresta-the-count-content{background:#d60000;color:#fff;display:inline-block;position:absolute;width:48px;bottom:0;left:-4px;text-align:center;font-size:10px;line-height:1;padding:1px 0;vertical-align:bottom;font-weight:700;overflow:hidden;-webkit-box-shadow:0 1px 5px 0 rgba(50,50,50,.5);-moz-box-shadow:0 1px 5px 0 rgba(50,50,50,.5);box-shadow:0 1px 5px 0 rgba(50,50,50,.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cresta-share-icon.fourteenth_style i{text-align:left!important;padding:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px}.cresta-share-icon.fourteenth_style .cresta-the-count,.cresta-share-icon.fourteenth_style .cresta-the-count-content{background:#d60000;color:#fff;display:inline-block;height:17px;position:absolute;right:0;bottom:2px;font-size:10px;line-height:1;padding:4px;font-weight:700;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px}.cresta-share-icon.seventeenth_style i{padding:5px 0 0 0}.cresta-share-icon.seventeenth_style .cresta-the-count,.cresta-share-icon.seventeenth_style .cresta-the-count-content{background:#d60000;color:#fff;display:inline-block;height:13px;text-align:center;position:absolute;left:3px;right:3px;bottom:5px;font-size:10px;line-height:1;padding:1px;font-weight:300;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cresta-the-button{text-align:center;width:40px;cursor:pointer;margin-bottom:5px}.crestaCredit{width:40px;margin:0!important;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cresta-share-icon i.c-icon-cresta-spinner{padding:0!important}@media all and (max-width:768px){#crestashareicon{bottom:0!important;top:inherit!important;left:0!important;right:inherit!important;float:none!important;width:100%;margin:0!important;background:#fff;text-align:center}#crestashareicon .sbutton{clear:none!important;float:none!important;display:inline-block!important}#crestashareicon .sbutton span:not(.cresta-the-total-count):not(.cresta-the-total-text),.cresta-the-button{display:none!important}.cresta-share-icon .cresta-the-total-count{font-size:16px}#crestashareicon.cresta-share-icon .sbutton i{width:30px!important;height:30px!important;padding:0!important;line-height:30px!important}#crestashareicon.cresta-share-icon .sbutton,#crestashareicon.cresta-share-icon .sbutton-total{margin:3px 1px!important}}@media print{.cresta-share-icon{display:none!important}}
.post-views.entry-meta>span{margin-right:0 !important;font:16px/1}.post-views.entry-meta>span.post-views-icon.dashicons{display:inline-block;font-size:16px;line-height:1;text-decoration:inherit;vertical-align:middle}
.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff;background-image:url(//www.xhtmlchamps.com/blog/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);background-repeat:no-repeat;background-position:50% 50%}figure.wp-block-image img.lazy-hidden{min-width:150px}picture source[type="image/webp"]{display:block}
.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}
html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,blockquote,address,big,cite,code,em,font,img,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td{margin:0;padding:0;border:0;font-weight:400;font-style:normal;font-size:100%;line-height:1;font-family:inherit;text-align:left}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}blockquote:before,blockquote:after{content:""}input[type=search],input[type=text],input[type=email],input[type=url],input[type=button],input[type=tel],input[type=submit],textarea{-moz-appearance:none;-webkit-appearance:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}body{margin:0;padding:0;border:none;background:#f1f1f1;color:#444;font-family:Roboto,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body a{color:#13c4a5;text-decoration:none}body a:hover{color:#13c4a5;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img{max-width:100%;height:auto}.hidden{display:none}.clear{clear:both}.fleft{float:left}.fright{float:right}::selection{background:#444;color:#fff}::-webkit-input-placeholder{color:#999}:-ms-input-placeholder{color:#999}body a{transition:all .1s ease-in-out}.blog-title a,.post-title a,.post-overlay,.post-likes,.post-meta a,.pagination,.main-menu a,.main-menu>.has-children>a:after,.main-menu>.page_item_has_children>a:after,.searchbutton,.search-toggle,.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea,.form-submit #submit,.widget_search .searchsubmit,.widget_search .search-field,.format-gallery .flex-direction-nav a,.nav-toggle .bar,.dribbble-shot,.flickr_badge_image a,.post-content input[type=submit],.post-content input[type=reset],.post-content input[type=button]{transition:all .2s ease-in-out}.tothetop,.header,.portfolio-item a .portfolio-header-container,.featured-media a img{transition:all .3s ease-in-out}.screen-reader-text{clip:rect(.1rem,.1rem,.1rem,.1rem);height:.1rem;overflow:hidden;position:absolute !important;left:-999999rem;width:.1rem}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:.3rem;box-shadow:0 0 .2rem .2rem rgba(0,0,0,.6);clip:auto !important;display:block;font-size:1.4rem;font-weight:700;height:auto;left:.5rem;line-height:normal;padding:1.5rem 2.3rem 1.4rem;text-decoration:none;top:.5rem;width:auto;z-index:100000}.skip-link{position:absolute;left:-9999rem;top:2.5rem;z-index:999999999}.skip-link:focus{left:2.5rem;text-decoration:none}.section{position:relative;padding:80px 0}.no-padding{padding:0}.small-padding{padding:40px 0}.medium-padding{padding:60px 0}.big-padding{padding:100px 0}.section-inner{max-width:90%;width:1400px;margin:0 auto}.section-inner.content{width:1440px;max-width:92.6%}.section-inner.wide{width:1240px}.section-inner.thin{width:700px}.bg-dark{background-color:#1d1d1d}.bg-graphite{background-color:#262626}.bg-grey{background-color:#f1f1f1}.bg-image{background-size:cover;background-position:center;background-repeat:no-repeat}.cover{position:absolute;top:0;right:0;bottom:0;left:0}.cover.shade-light{background:rgba(0,0,0,.25)}.cover.shade-medium{background:rgba(0,0,0,.5)}.cover.shade-dark{background:rgba(0,0,0,.75)}.row .one-fourth{width:21.5%;margin-left:5%;float:left}.row .one-third{width:30%;margin-left:5%;float:left}.row .one-half{width:47.5%;margin-left:5%;float:left}.row .two-thirds{width:65%;margin-left:5%;float:left}.row .one-fourth:first-child,.row .one-third:first-child,.row .one-half:first-child,.row .two-thirds:first-child{margin-left:0}.header{padding:70px 0}.header .cover{background:rgba(29,29,29,.25)}.header-inner{position:relative}.header .blog-logo{text-align:center}.header .logo{display:inline-block}.header .logo img{max-height:80px;width:auto}.blog-title{font-family:'Pacifico',sans-serif;font-size:2.25em;line-height:inherit;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.25)}.blog-title a{color:#fff}.blog-title a:hover{color:#13c4a5}.blog-description{font-size:1.1em;line-height:110%;font-weight:400;color:#999;margin:20px 0 0;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.toggle{background:0 0;border:none;border-radius:0;box-shadow:none;cursor:pointer;-moz-appearance:none;-webkit-appearance:none}.search-toggle{display:block;width:68px;height:68px;background:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/spyglass-w.png) no-repeat center;background-size:24px auto;opacity:.5}.search-toggle.active{opacity:1}.header-search-block{position:absolute;z-index:10000;top:0;right:0;bottom:0;left:0}.header-search-block .section-inner{position:relative}.header-search-block .search-field{background:0 0;border:none;border-radius:0;color:#fff;margin:0;width:90%;position:absolute;top:50%;right:5%;left:5%;margin-top:-30px;font-size:2.5em;font-weight:300;padding:0}.header-search-block .searchsubmit{display:none}.main-menu{font-family:'Roboto Slab',sans-serif;font-size:.9em;text-align:center}.main-menu li{position:relative}.main-menu>li{float:left}.main-menu>li:before{content:"/";display:block;position:absolute;right:0;top:50%;margin-top:-9px;margin-right:-3px;font-size:16px;color:#444;font-weight:300;z-index:1000}.main-menu>li:last-child:before{content:none}.main-menu>li>a{display:block;padding:27px;font-size:.85em;color:#999;text-transform:uppercase;letter-spacing:1px;font-weight:700}.main-menu>li:first-child>a{margin-left:0}.main-menu>.has-children>a,.main-menu>.page_item_has_children>a{padding-right:47px;position:relative}.main-menu>.has-children>a:after,.main-menu>.page_item_has_children>a:after{content:"";display:block;border:5px solid transparent;border-top-color:#999;position:absolute;z-index:1001;right:29px;top:50%;margin-top:-2px}.main-menu li:hover>a{cursor:pointer;color:#fff}.main-menu>.has-children:hover>a:after,.main-menu>.page_item_has_children:hover>a:after{border-top-color:#fff}.main-menu li ul{position:absolute;z-index:10000;display:block;left:-9999px;top:38px;opacity:0;z-index:999;transition:opacity .3s ease-in-out,top .3s ease-in-out}.is_mobile .main-menu li ul{opacity:1;display:none}.main-menu>li>ul{padding-top:20px}.main-menu>li>ul:before{content:"";display:block;position:absolute;z-index:1000;top:0;left:50%;margin-left:-10px;border:10px solid transparent;border-bottom-color:#2d2d2d}.main-menu ul li{float:none;display:block;border-top:1px solid rgba(255,255,255,.075)}.main-menu ul li:first-child{border-top:none}.main-menu ul>.has-children:after,.main-menu ul>.page_item_has_children:after{content:"";display:block;border:6px solid transparent;border-left-color:rgba(255,255,255,.4);position:absolute;z-index:1001;right:10px;top:50%;margin-top:-5px}.main-menu ul>.has-children:hover:after,.main-menu ul>.page_item_has_children:hover:after{border-left-color:#fff}.main-menu ul li{display:block;width:240px;background:#2d2d2d}.main-menu ul a{display:block;text-align:center;padding:20px;margin:0;line-height:130%;color:#999}.main-menu ul a:hover{color:#fff}.main-menu li:hover>ul,.main-menu li.focus>ul{opacity:1;left:50%;margin-left:-120px;top:48px}.is_mobile .main-menu li:hover ul{display:block}.main-menu ul li ul{top:5px}.main-menu ul li:hover>ul,.main-menu ul li.focus>ul{top:0;left:240px;margin-left:0}.main-menu ul ul li{background:#3d3d3d}.main-menu ul ul ul li{background:#4d4d4d}.main-menu ul ul ul ul li{background:#4d4d4d}.posts{overflow:visible !important}.post-container{width:33.3%;padding:0 1.5% 4.5%}.hentry,.post{width:100%;position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.1);overflow:hidden}.post.sticky .post-header{padding-right:17.5%}.post .sticky-post{display:block;position:absolute;z-index:100;right:5%;height:38px;width:26px;background:#2b3542 url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/tack-w.png) no-repeat center;background-size:12px auto;top:0;text-indent:-9999px}.post .sticky-post:after{content:"";display:block;border:13px solid transparent;border-left-color:#2b3542;border-right-color:#2b3542;position:absolute;right:0;margin-top:-13px;top:38px}.featured-media a,.featured-media img,.featured-media iframe{display:block}.featured-media iframe,.featured-media object{border:none;margin:0}.featured-media a{overflow:hidden}.featured-media a img{margin:0 auto}.featured-media a:hover img{transform:scale(1.1);opacity:.8}.media-caption{font-size:.8em;line-height:110%;font-weight:700;color:#999;padding:20px 0;margin:0 10%;border-bottom:1px solid #eee}.post-header{position:relative;padding:8% 10%;border-bottom:1px solid #eee}.post-header .post-title{font-family:'Roboto Slab',sans-serif;font-size:1.25em;line-height:120%;font-weight:700;color:#2b3542;word-break:break-word;-ms-word-break:break-word}.post-header .post-title a{color:#2b3542}.post-header .post-title a:hover{color:#13c4a5}.post-excerpt{padding:10%}.post-excerpt p{font-size:.95em;line-height:150%;color:#666}.post-excerpt p+p{margin-top:1em}.post-excerpt .more-link{display:block;margin-top:1.1em}.post-excerpt .more-link:hover{text-decoration:underline}.posts .post-meta{background:#f9f9f9;padding:0 10%}.posts .post-meta a{display:block;color:#999;font-size:.8em;font-weight:700;float:left;padding:20px 0 20px 24px;background:no-repeat left center;background-size:18px auto;margin-left:20px}.posts .post-meta a:first-child{margin-left:0}.posts .post-meta a:hover{color:#13c4a5}.posts .post-meta a.post-date{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/clock-g.png)}.posts .post-meta a.post-date:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/clock-c.png)}.posts .post-meta a.zilla-likes{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/heart-g.png)}.posts .post-meta a.zilla-likes:hover,.posts .post-meta a.zilla-likes.active{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/heart-c.png);color:#13c4a5}.posts .post-meta a.post-comments{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/comment-g.png)}.posts .post-meta a.post-comments:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/comment-c.png)}.posts .post-meta a.post-edit-link{height:59px;width:20px;text-indent:-9999px;background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/edit-g.png);background-size:20px auto;background-position:center}.posts .post-meta a.post-edit-link:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/edit-c.png)}.post .post-header:before,.page .post-header:before{content:"";display:block;border:12px solid transparent;border-top-color:#eee;position:absolute;z-index:10;bottom:0;left:10%;margin-bottom:-24px}.post .post-header:after,.page .post-header:after{content:"";display:block;border:11px solid transparent;border-top-color:#fff;position:absolute;z-index:11;bottom:0;left:10%;margin-left:1px;margin-bottom:-21px}.posts .format-video .post-header:before,.posts .format-video .post-header:after,.posts .format-image .post-header:before,.posts .format-image .post-header:after{content:none}.format-image .post-excerpt{padding-top:7.5%;font-size:.9em}.format-image .post-excerpt .image-caption{font-weight:600}.post-quote{padding:10%;background:#2b3542;color:#fff}.post-quote blockquote,.post-link p{display:block;font-family:'Roboto',sans-serif;font-size:1.2em;font-weight:400;line-height:140%}.post-quote blockquote{font-size:1.1em}.post-quote cite,.post-link a{display:block;margin-top:20px;text-transform:uppercase;letter-spacing:1px;font-size:.8em;font-weight:700}.post-quote cite{font-family:'Roboto Slab',sans-serif;font-size:14px}.post-quote cite:before{content:"— "}.post-link{padding:10%;background:#2b3542;color:#fff}.post-link a{color:#13c4a5;padding-left:23px;background:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/link-c.png) no-repeat left center;background-size:16px auto}.post-link a:hover{color:#13c4a5;text-decoration:underline}.single .post-link p,.single .post-quote blockquote{font-size:1.75em}.format-gallery .flexslider{position:relative}.format-gallery .flex-direction-nav a{display:block;height:32px;width:20px;background-size:auto 32px;background-repeat:no-repeat;position:absolute;top:50%;margin-top:-16px;text-indent:-9999px;opacity:.5}.format-gallery .flex-direction-nav .flex-prev{left:16px;background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/chevron-left-w-shade.png)}.format-gallery .flex-direction-nav .flex-next{right:16px;background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/chevron-right-w-shade.png)}.format-gallery .flex-direction-nav a:hover{opacity:1}.format-gallery .flex-direction-nav .flex-prev:hover{left:12px}.format-gallery .flex-direction-nav .flex-next:hover{right:12px}.format-gallery .slides li{position:relative}.posts .format-status .post-excerpt{background:#2b3542}.posts .format-status .post-excerpt p,.format-status .post-content{font-family:'Pacifico',sans-serif;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5);font-size:1.2em}.format-status .post-content{color:#333;text-shadow:none}.format-chat .post-content p{margin-bottom:.25em;padding:8px 16px;border-radius:3px}.format-chat .post-content p:nth-child(odd){background:#f5f5f5}.format-chat .more-link{margin-top:1em}body.single .content{width:67.5%}body.single .content.full-width{width:100%}body.single .content.center{margin:0 auto;width:944px;max-width:100%}.single{border-radius:6px}.single .post-title{font-size:2.25em}.single .post-content{padding:10%}.single .format-gallery .flex-direction-nav a{height:42px;width:30px;background-size:auto 42px;margin-top:-21px}.single .format-gallery .flex-direction-nav .flex-prev{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/chevron-left-w-shade-big.png)}.single .format-gallery .flex-direction-nav .flex-next{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/chevron-right-w-shade-big.png)}.single .post-quote cite{font-size:1em;margin-top:30px}.single .post-meta-container{position:relative;background:#2b3542}.single .post-meta-container:after{content:"";display:block;background:#3f4854;position:absolute;z-index:1;top:0;right:0;bottom:0;left:60%}.single .post-meta{float:right;width:40%;padding:30px;position:relative;z-index:10}.single .post-meta p,.single .post-meta>a,.post-nav a{display:block;margin-top:12px;font-size:.85em;line-height:120%;font-weight:700;min-height:20px;padding:1px 0 1px 23px;background:no-repeat left center;background-size:16px auto;color:#9499a0}.single .post-meta p:first-child{margin-top:0}.single .post-meta p.post-date{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/clock-g.png)}.single .post-meta a.zilla-likes{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/heart-g.png)}.single .post-meta a.zilla-likes:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/heart-c.png)}.single .post-meta p.post-categories{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/folder-g.png)}.single .post-meta p.post-tags{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/tag-g.png)}.single .post-meta a{color:#9499a0}.single .post-meta a:hover{color:#13c4a5}.post-nav{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:20px}.post-nav a{background-position:left 3px}.post-nav a:first-child{margin-top:0}a.post-nav-prev{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/prev-g.png)}a.post-nav-prev:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/prev-c.png)}a.post-nav-next{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/next-g.png)}a.post-nav-next:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/next-c.png)}.single a.post-edit-link{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/edit-g.png);background-position:left 5px}.single a.post-edit-link:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/edit-c.png)}.post-author{width:60%;padding:30px;float:left;position:relative;overflow:hidden}.post-author:before,.post-author:after{content:"";display:block;position:absolute;left:30px}.post-author:before{z-index:100;top:0;width:40px;height:70px;background:#13c4a5 url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/author-w.png) no-repeat center 29px;background-size:22px auto}.post-author:after{top:50px;border:20px solid transparent;border-left-color:#13c4a5;border-right-color:#13c4a5}.post-author-content{margin-left:70px}.post-author h4{font-family:'Roboto Slab',sans-serif;font-size:1.1em;font-weight:700;color:#fff;margin-bottom:15px}.post-author p{font-size:.875em;line-height:150%;color:#9499a0}.author-links{margin-top:18px}.author-links a{display:inline-block;width:36px;height:36px;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;background-position:center;background-size:16px auto;margin-left:5px;border-radius:999px;text-indent:-9999px}.author-links a:first-child{margin-left:0}.author-links a.author-link-posts{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/archive-w.png)}.author-links a.author-link-website{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/home-w.png)}.author-links a.author-link-mail{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/social/mail-w.png)}.author-links a.author-link-twitter{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/social/twitter-w.png)}.author-links a:hover{background-color:#13c4a5}.post-content a:hover{text-decoration:underline}.post-content p,.post-content blockquote,.post-content ul,.post-content ol,.post-content address,.post-content dl,.post-content .wp-caption,.post-content pre{line-height:180%;margin-bottom:1.1em;-ms-word-wrap:break-word;word-wrap:break-word}.post-content>*:first-child{margin-top:0}.post-content *:last-child{margin-bottom:0}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:50px 0 30px;font-family:'Roboto Slab',sans-serif;font-weight:700;color:#333}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em;font-weight:400}h5{font-size:1em;font-weight:400}h6{font-size:.9em;font-weight:700;text-transform:uppercase}.post-content h1+h1,.post-content h1+h2,.post-content h1+h3,.post-content h1+h4,.post-content h1+h5,.post-content h1+h6,.post-content h2+h1,.post-content h2+h2,.post-content h2+h3,.post-content h2+h4,.post-content h2+h5,.post-content h2+h6,.post-content h3+h1,.post-content h3+h2,.post-content h3+h3,.post-content h3+h4,.post-content h3+h5,.post-content h3+h6,.post-content h4+h1,.post-content h4+h2,.post-content h4+h3,.post-content h4+h4,.post-content h4+h5,.post-content h4+h6,.post-content h5+h1,.post-content h5+h2,.post-content h5+h3,.post-content h5+h4,.post-content h5+h5,.post-content h5+h6,.post-content h6+h1,.post-content h6+h2,.post-content h6+h3,.post-content h6+h4,.post-content h6+h5,.post-content h6+h6{margin-top:30px}.post-content blockquote{position:relative;font-size:1em;font-weight:300;font-weight:400;margin:40px 0}.post-content blockquote:before,.post-content blockquote:after{content:"";display:block;width:128px;height:3px;background:#eee;margin:40px auto}.post-content blockquote p{font-size:1.2em;line-height:160%;font-weight:300;text-align:center}.post-content cite{font-family:'Roboto Slab',sans-serif;font-size:.9rem;font-weight:700;text-transform:uppercase;line-height:140%;text-align:center}.post-content cite:before{content:"— "}.post-content blockquote cite{display:block;margin-top:1em}.post-content blockquote cite em{font-style:italic;font-weight:700}em,q{font-style:italic}.post-content strong em,.post-content em strong{font-weight:700;font-style:italic}.post-content big{font-size:1.25em}abbr,acronym{cursor:help}code,kbd,pre{font-size:.85em;background:#eee;font-family:Menlo,Monaco,monospace}.post-content .highlight{background:#fcf8a5;display:inline;padding:2px 3px}.post-content kbd,.post-content code{padding:5px;border-radius:3px}.post-content dl{line-height:160%}.post-content dl dt{font-weight:700}.post-content hr{background:#eee;border:none;height:5px;margin:2.5em auto;width:50%}.post-content hr.is-style-wide{width:100%}.post-content ul{list-style:disc;margin-left:1.5em}.post-content ul ul{list-style:circle}.post-content ul ul ul{list-style:square}.post-content ol{list-style:decimal;margin-left:1.5em}.post-content ol ol{list-style:lower-alpha}.post-content ol ol ol{list-style:lower-roman}.post-content ul ul,.post-content ul ol,.post-content ol ul,.post-content ol ol{margin-bottom:0}.post-content li{margin-top:.5em;line-height:170%}.post-content ol>li:last-child,.post-content ul>li:last-child{margin-bottom:0}.post-content address{padding:3% 3.5%;background:#f1f1f1}.post-content pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;line-height:140%;padding:2% 2.5%;background:#363f48;font-size:.8em;color:#fff;border-radius:6px}figure{margin:0}.wp-caption,.post-content img{max-width:100%}img.alignleft,.alignleft img,img.aligncenter,.aligncenter img,img.alignright,.alignright img{box-sizing:border-box;padding:5px;border:1px solid #eee}.post-content .alignleft,.post-content .alignright{margin-bottom:1.2em;max-width:300px}.post-content .wp-caption a,.post-content .wp-caption img{display:block}.post-content .wp-caption .alignleft,.post-content .wp-caption .alignright{margin-bottom:0}.post-content .alignleft{float:left;margin-right:1em}.post-content .alignright{float:right;margin-left:1em}.post-content .aligncenter{margin-left:auto;margin-right:auto}.post-content .aligncenter a,.post-content .aligncenter img{margin:0 auto}.post-content figcaption,.post-content .wp-caption-text,.post-content .gallery-caption{font-size:.8em;font-weight:700;color:#999;margin-top:0;padding-top:.5em;text-align:center;width:100%}.post-content .gallery-caption{font-size:16px;line-height:24px}.post-content .alignfull{margin:2.5em 0;margin-left:calc((1400px*.675)*-0.1);width:calc(1400px*.675);max-width:calc(1400px*.675)}.post-content table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:.9em;width:100%}.post-content th,.post-content td{padding:2%;margin:0;overflow:visible;line-height:120%;border-bottom:1px solid #ddd}.post-content caption{text-align:center;padding:2%}.post-content thead{vertical-align:bottom;white-space:nowrap}.post-content th{font-weight:700}.post-content table tbody>tr:nth-child(odd)>td{background:#f9f9f9}.post-content fieldset{padding:25px;border:2px solid #eee;margin-bottom:1em}.post-content fieldset legend{font-family:'Roboto Slab',sans-serif;font-size:.9rem;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:10px 12px;background:#13c4a5;color:#fff}.post-content label{font-size:1rem;font-weight:700}input,textarea{font-family:inherit;-webkit-font-smoothing:antialiased}input[type=text],input[type=password],input[type=email],input[type=url],input[type=date],input[type=month],input[type=time],input[type=datetime],input[type=datetime-local],input[type=week],input[type=number],input[type=search],input[type=tel],input[type=color],textarea{width:100%;padding:14px 16px;font-size:.85em;border:none;color:#333;border:2px solid #eee;background:#fdfdfd;border-radius:3px;transition:background-color .2s ease-in-out;-webkit-appearance:none}.post-content textarea{height:180px;line-height:140%}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus{background:#fdfdfd}.button,input[type=submit],input[type=reset],input[type=button]{padding:12px 16px;margin:0;border:none;background:#333;color:#fff;font-size:.9rem;line-height:1;-webkit-appearance:none;border-radius:3px}.button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{cursor:pointer;background:#13c4a5;color:#fff}.post-content .has-background{background-color:#222}.post-content .has-accent-color{color:#13c4a5}.post-content .has-accent-background-color{background-color:#13c4a5}.post-content .has-black-color{color:#222}.post-content .has-black-background-color{background-color:#222}.post-content .has-dark-gray-color{color:#444}.post-content .has-dark-gray-background-color{background-color:#444}.post-content .has-medium-gray-color{color:#666}.post-content .has-medium-gray-background-color{background-color:#666}.post-content .has-light-gray-color{color:#888}.post-content .has-light-gray-background-color{background-color:#888}.post-content .has-white-color{color:#fff}.post-content .has-white-background-color{background-color:#fff}.post-content .has-small-font-size{font-size:.842em}.post-content .has-regular-font-size{font-size:1em}.post-content .has-large-font-size,.post-content .has-larger-font-size{line-height:1.45}.post-content .has-large-font-size{font-size:1.333em}.post-content .has-larger-font-size{font-size:1.777em}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:block;width:100%}.post-content .wp-block-file__button,.post-content .wp-block-button__link{border-radius:4px;font-weight:500;padding:.8em 1.4em}.post-content .wp-block-file a{color:inherit}.post-content a.wp-block-file__button{color:#fff}.post-content .wp-block-file__button:hover,.post-content .wp-block-button__link:hover{opacity:.85;text-decoration:none}.post-content blockquote,.post-content .wp-block-quote.is-large,.post-content .wp-block-quote.is-style-large{margin-bottom:1.25em;padding:0}.post-content blockquote p:last-child{margin-bottom:0}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.33em;font-style:inherit;line-height:1.5}.post-content .wp-block-quote cite{text-align:center}.wp-block-quote.is-large cite,.wp-block-quote.is-style-large cite{font-size:.8em}.wp-block-pullquote{padding:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{margin:0;padding-bottom:10px}.post-content .wp-block-gallery.alignfull{padding:0 8px}.post-content ul.wp-block-gallery:not(.alignfull){margin-left:0}.post-content ul.wp-block-gallery li:last-child{margin-bottom:16px}.wp-block-cover-image.alignfull{min-height:75vh}.wp-block-cover-image p{font-weight:400}.wp-block-column{padding:0 5px}.wp-block-audio audio{width:100%}.post-content .wp-block-file{align-items:center;background:#e6e9ec;border-radius:4px;display:flex;justify-content:space-between;margin:30px 0;padding:15px 20px}.post-content .wp-block-file a:not(.wp-block-file__button){font-weight:600;text-decoration:none}.post-content .wp-block-file__button{flex-shrink:0}.content .comments,div#disqus_thread{padding:10%;background:#fff}.nocomments{padding:10%;text-align:center;text-transform:uppercase;font-weight:700;color:#999}.comments+.nocomments{border-top:1px solid #eee}.comments-title-container{padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:40px;font-family:'Roboto Slab',sans-serif}.comments-title{font-size:1.75em;font-weight:700;color:#2b3542}.add-comment-title{font-size:1rem;text-transform:uppercase;font-weight:700;margin-top:14px}.add-comment-title a:hover{text-decoration:underline}.comments div.comment{margin-top:40px}.comments .commentlist>li.comment:first-child>div.comment:first-child{margin-top:0}.comments div.comment{position:relative}.comments .children{margin-left:5%}.comment-inner{margin-left:110px;padding:20px;background:#eee;position:relative;border-radius:3px}.comment-inner:after{content:"";display:block;border:12px solid transparent;border-right-color:#eee;position:absolute;top:28px;left:0;margin-left:-24px}.comment .avatar{float:left;width:80px;border-radius:3px}.comment.bypostauthor{position:relative}.comment.bypostauthor:after{content:"";display:block;width:32px;height:32px;background:#13c4a5 url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/author-w.png) no-repeat center 8px;background-size:14px auto;border-radius:999px;position:absolute;top:0;left:0;margin-top:-8px;margin-left:-8px}.comment-header{margin-bottom:25px}.comment-header cite{display:block;font-family:'Roboto Slab',sans-serif;font-size:1em;font-weight:700;margin-bottom:8px}.comment-header cite,.comment-header cite a{color:#2b3542}.comment-header cite a:hover{color:#13c4a5}.comment-header p{font-size:.85em}.comment-header p,.comment-header p a{color:#999}.comment-header p a:hover{color:#666}.comment-content{font-size:.9em}.comment-content a:hover{text-decoration:underline}.comment-content p,.comment-content li,.comment-content blockquote{line-height:150%;margin-top:1em;-ms-word-wrap:break-word;word-wrap:break-word}.comment-content *:first-child{margin-top:0}.comment-content *:last-child{margin-bottom:0}.comment-content h1,.comment-content h2,.comment-content h3,.comment-content h4,.comment-content h5,.comment-content h6{margin:50px 0 20px;font-family:'Roboto Slab',sans-serif;font-weight:400;font-size:1.2em}.comment-content blockquote{padding:20px;background:#ddd}.comment-content ul{list-style:disc;margin-left:1.5em}.comment-content ul ul{list-style:circle}.comment-content ul ul ul{list-style:square}.comment-content ol{list-style:decimal;margin-left:1.5em}.comment-content ol ol{list-style:lower-alpha}.comment-content ol ol ol{list-style:lower-roman}.comment-content ul ul,.comment-content ul ol,.comment-content ol ul,.comment-content ol ol{margin-bottom:0}.comment-content li{margin-top:.5em;line-height:170%}.comment-content ol>li:last-child,.comment-content ul>li:last-child{margin-bottom:0}.comment-content address{padding:20px;background:#ddd;line-height:140%}.comment-content pre{padding:20px;background:#ddd;line-height:150%;overflow-x:scroll}.comment-actions{position:absolute;top:22px;right:20px}.comment-actions a{display:block;position:relative;float:left;width:32px;height:32px;background:#2b3542 no-repeat center;background-size:16px auto;border-radius:999px;text-indent:-9999px}.comment-actions a+a{margin-left:-8px}.comment-actions .comment-reply-link{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/reply-w.png)}.comment-actions .comment-edit-link{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/edit-w.png)}.comment-actions a:hover{background-color:#13c4a5;color:#fff;z-index:10}.comment-nav-below{margin-top:40px;border-top:1px solid #eee;padding-top:20px;font-size:.9em;font-weight:700}.comment-nav-below a{color:#666}.comments .pingbacks{padding-top:40px;border-top:1px solid #eee;margin-top:40px}.pingbacks-title{font-family:'Roboto Slab',sans-serif;font-size:1.25em;margin-bottom:20px;color:#2b3542}.pingbacklist .pingback{padding:15px;line-height:130%}.pingbacklist .pingback a{color:#767676}.pingbacklist .pingback a:hover{color:#13c4a5}.pingbacklist .pingback:nth-child(2n){background-color:#eee}.comment-respond{padding:10%;background:#fff;border-top:1px solid #eee}.comments .comment-respond{padding:10% 0;border-top:none}.comment-reply-title{font-family:'Roboto Slab',sans-serif;font-size:1.75em;font-weight:700;color:#2b3542}.comment-reply-title #cancel-comment-reply-link{font-size:.9rem;text-transform:uppercase;font-weight:700;margin-left:5px}.comment-reply-title #cancel-comment-reply-link:hover{text-decoration:underline}.comment-notes,.logged-in-as{color:#666;line-height:130%;margin-bottom:40px;margin-top:25px}.logged-in-as a:hover{text-decoration:underline}.comment-form{margin-top:10px}.comment-form p{margin-top:18px;position:relative}.comment-form p:first-child{margin-top:0}.comment-form label{display:block;font-size:16px;margin-bottom:.5rem}.comment-form input[type=checkbox]+label{display:inline;font-size:14px;margin:0 0 0 .5rem}.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea{display:block;width:100%;padding:16px 18px;border-radius:3px;background:#f1f1f1;color:#333;border:1px solid #eee;font-family:'Roboto',sans-serif;font-size:1em;-webkit-font-smoothing:antialiased;margin:0}.comment-form-author,.comment-form-email,.comment-form-url{width:75%}.comment-form input[type=text],.comment-form input[type=email]{position:relative;padding-right:60px;background-repeat:no-repeat;background-position:96% center;background-size:auto 24px}input#author{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/author-g.png)}input#email{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/social/mail-g.png)}input#url{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/home-g.png);background-size:24px auto}.comment-form textarea{height:250px}.comment-form input[type=text]:focus,.comment-form input[type=email]:focus,.comment-form textarea:focus{color:#fff;background-color:#2b3542}input#author:focus{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/author-w.png)}input#email:focus{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/social/mail-w.png)}input#url:focus{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/home-w.png)}.form-allowed-tags,.form-allowed-tags code{line-height:160%}.comment-notes,.form-allowed-tags,.logged-in-as{font-size:.9em;color:#666}p.form-submit{margin-top:30px}.form-submit #submit{padding:16px 20px;border:none;margin:0;font-family:'Roboto Slab',sans-serif;font-size:.9em;font-weight:400;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.1);background:#2b3542;border-radius:3px;-webkit-font-smoothing:antialiased}.form-submit #submit:hover{cursor:pointer;background:#13c4a5}.posts .page{width:100%;position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.1);overflow:hidden}.post-content+.contributors-container{border-top:1px solid #eee}.authors-row{position:relative;padding:10%;border-top:1px solid #eee}.authors-row:first-child{border-top:none}.authors-row:before{content:"";display:block;width:1px;position:absolute;top:0;bottom:0;left:50%;background:#eee}.authors-row .author-info{width:45%;margin-left:10%;text-align:center}.authors-row .author-info:first-child{margin-left:0}.author-avatar{display:inline-block;width:134px;height:auto;margin:0 auto 25px auto;border:6px solid #eee;border-radius:9999px}.author-avatar img{display:block;margin:0 auto;border-radius:9999px}.author-info h4{font-family:'Roboto Slab',sans-serif;font-size:1.5em;font-weight:700;text-align:center;margin-bottom:10px}.author-info h4 a{color:#2b3542}.author-info h4 a:hover{color:#13c4a5}.author-info h5{font-family:'Roboto Slab',sans-serif;text-align:center;margin-bottom:25px}.author-info h5 a{color:#999}.author-info h5 a:hover{color:#444}.author-description{line-height:140%;text-align:center}.author-description p{line-height:inherit;text-align:inherit}.author-info .author-links a{background-color:#2b3542}.author-info .author-links a:hover{background-color:#13c4a5}.single .post-meta p.image-resolution{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/image-g.png)}.single-attachment .post-author:before{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/image-w.png);background-position:center 32px}.page-title{margin-bottom:60px;text-align:center}.page-title h1{font-size:inherit}.page-title h5,.page-title h1 .top{display:inline-block;padding-bottom:4px;border-bottom:2px solid #ccc;font-family:'Roboto Slab',sans-serif;font-size:.9em;font-weight:700;text-transform:uppercase;text-align:center}.page-title h1{text-align:center}.page-title h3,.page-title h1 .bottom{display:block;margin-top:15px;font-family:'Roboto Slab',sans-serif;font-size:1.75em;font-weight:400;text-align:center;color:#2b3542}.tag-archive-meta{margin:30px 0 0}.tag-archive-meta p{color:#767676;text-align:center}.tag-archive-meta p+p{margin-top:1em}.archive-nav a{font-size:.9em;padding:16px 20px;background:#2b3542;border-radius:3px;color:#fff}.archive-nav a:hover{background:#13c4a5;color:#fff}.search-no-results .post-content p{text-align:center}.sidebar{width:27.5%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);border-radius:6px;overflow:hidden}.sidebar .widget{padding:30px;border-top:1px solid #eee}.sidebar .widget:first-child{border-top:none}.widget-title{font-family:'Roboto Slab',sans-serif;font-size:.9em;font-weight:700;text-transform:uppercase;margin-bottom:20px}.sidebar .widget-content{font-size:.85em;color:#767676}.widget-content a:hover{text-decoration:underline}.sidebar .widget-content p{line-height:150%}.widget-content ul li{position:relative;margin-top:10px;padding:1px 0 1px 14px;line-height:130%}.widget-content ul li:before{content:"»";position:absolute;left:0;top:0;color:#13c4a5;font-size:18px}.widget-content>ul>li:first-child{margin:0}.widget-content li ul>li:first-child{margin-top:10px}.widget-content .page_item_has_children{padding-bottom:0}.widget-content li ul li{padding-left:15px}.widget-content ul li .post-date{margin-left:5px;color:#999}.widget-content>ul>li:first-child{border-top:0}.tagcloud a{display:block;float:left;padding:8px 11px;margin:0 5px 5px 0;background:#bbb;font-size:.8em !important;line-height:1;color:#fff;border-radius:3px}.tagcloud a:hover{background-color:#13c4a5;color:#fff;text-decoration:none}.wrapper .searchform,.footer .searchform{position:relative}.wrapper .searchform .search-field,.footer .searchform .search-field{display:block;width:100%;padding:16px 55px 16px 20px;border:none;margin:0;background:#ddd;color:#fff;border-radius:3px;font-family:'Roboto',sans-serif;font-size:.9em;-webkit-font-smoothing:antialiased}.wrapper .searchform .search-field:focus,.footer .searchform .search-field:focus{background-color:#2b3542}.wrapper .searchform .searchsubmit,.footer .searchform .searchsubmit{display:block;height:36px;width:36px;border:none;position:absolute;top:50%;margin-top:-18px;right:10px;text-indent:-9999px;background:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/spyglass-g.png) no-repeat center;background-size:24px auto}.wrapper .searchform .searchsubmit:hover,.footer .searchform .searchsubmit:hover{cursor:pointer;background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/1x/spyglass-c.png)}#wp-calendar{color:#888;width:100%;max-width:100%;text-align:center;font-size:.9em}#wp-calendar a{color:#1abc9c}#wp-calendar,#wp-calendar caption,#wp-calendar tr,#wp-calendar td,#wp-calendar th{text-align:center}#wp-calendar th,#wp-calendar td{padding:4% 2%}#wp-calendar caption,#wp-calendar thead{color:#666}#wp-calendar caption{font-family:'Roboto Slab',sans-serif;font-size:1rem;color:#666;text-transform:capitalize;padding-bottom:20px}#wp-calendar thead th{font-size:.9em;font-weight:700;text-transform:uppercase;border-bottom:1px solid #eee;border-top:1px solid #eee}#wp-calendar tbody{border-bottom:1px solid #eee}#wp-calendar tfoot td{padding:0}#wp-calendar tfoot #prev{text-align:left}#wp-calendar tfoot #next{text-align:right}.wp-calendar-nav{display:flex;justify-content:space-between}.wp-calendar-nav a,#wp-calendar tfoot a{display:block;color:#999;padding:12px 0;font-size:.9em;font-weight:700;text-transform:uppercase}.wp-calendar-nav a{padding-bottom:0}.wp-calendar-nav a:hover,#wp-calendar tfoot a:hover{text-decoration:none;color:#1abc9c}.dribbble-shot,.dribbble-shot img{display:block}.dribbble-shot{width:47.5%;float:left;margin-right:5%;margin-bottom:5%;padding:6px;background:#f1f1f1}.dribbble-shot:nth-child(2n){margin-right:0}.dribbble-shot:hover{background-color:#13c4a5}.widgetmore{display:block;clear:both}.flickr_badge_image a,.flickr_badge_image img{display:block}.flickr_badge_image{width:21.25%;float:left;margin-left:5%;margin-bottom:5%}.flickr_badge_image a{padding:4px;background:#f1f1f1}.flickr_badge_image a:hover{background-color:#13c4a5}.flickr_badge_image:nth-child(2),.flickr_badge_image:nth-child(6),.flickr_badge_image:nth-child(10),.flickr_badge_image:nth-child(14){margin-left:0}.footer .row{margin-top:-40px}.footer .one-third{margin-top:40px}.footer .widget{margin-top:40px;border-top:4px solid #333;padding-top:40px}.footer .widget:first-child{margin:0;border:none;padding:0}.footer .widget-title{color:#fff;letter-spacing:1px;font-size:.79em}.footer .widget-content{color:#767676;font-size:.95em}.footer .widget-content p{line-height:160%}.widget-content p+p{margin-top:1em}.footer .widget_search .search-field{background:#333}.footer .tagcloud a{background-color:#333}.footer .tagcloud a:hover{text-decoration:none;background-color:#13c4a5}.footer #wp-calendar caption{color:#fff}.footer #wp-calendar thead th{border:none;border-top:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b}.footer #wp-calendar tbody{border-bottom:1px solid #3b3b3b}.footer .dribbble-shot,.footer .flickr_badge_image{background:#333}.credits p{font-family:'Roboto Slab',sans-serif;color:#767676;font-size:.8rem;text-transform:uppercase;font-weight:700;letter-spacing:1px}.credits a{color:#ccc}.credits a:hover{color:#ccc;text-decoration:underline}img#wpstats{display:none}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.search-toggle{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/spyglass-w.png)}.wrapper .searchform .searchsubmit,.footer .searchform .searchsubmit{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/spyglass-g.png)}.wrapper .searchform .searchsubmit:hover,.footer .searchform .searchsubmit:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/spyglass-c.png)}.post .sticky-post{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/tack-w.png)}.posts .post-meta a.post-date{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/clock-g.png)}.posts .post-meta a.post-date:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/clock-c.png)}.posts .post-meta a.zilla-likes{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/heart-g.png)}.posts .post-meta a.zilla-likes:hover,.posts .post-meta a.zilla-likes.active{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/heart-c.png)}.posts .post-meta a.post-comments{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/comment-g.png)}.posts .post-meta a.post-comments:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/comment-c.png)}.posts .post-meta a.post-edit-link{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/edit-g.png)}.posts .post-meta a.post-edit-link:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/edit-c.png)}.post-link a{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/link-c.png)}.format-gallery .flex-direction-nav .flex-prev,.single .format-gallery .flex-direction-nav .flex-prev{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/chevron-left-w-shade.png)}.format-gallery .flex-direction-nav .flex-next,.single .format-gallery .flex-direction-nav .flex-next{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/chevron-right-w-shade.png)}.post-author:before{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/author-w.png)}.single .post-meta p.post-date{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/clock-g.png)}.single .post-meta a.zilla-likes{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/heart-g.png)}.single .post-meta a.zilla-likes:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/heart-c.png)}.single .post-meta p.post-categories{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/folder-g.png)}.single .post-meta p.post-tags{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/tag-g.png)}.author-links a.author-link-posts{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/archive-w.png)}.author-links a.author-link-website{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/home-w.png)}.author-links a.author-link-mail{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/social/mail-w.png)}.author-links a.author-link-twitter{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/social/twitter-w.png)}a.post-nav-prev{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/prev-g.png)}a.post-nav-prev:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/prev-c.png)}a.post-nav-next{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/next-g.png)}a.post-nav-next:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/next-c.png)}.single a.post-edit-link{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/edit-g.png)}.single a.post-edit-link:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/edit-c.png)}.comment.bypostauthor:after{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/author-w.png)}.comment-actions .comment-reply-link{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/reply-w.png)}.comment-actions .comment-edit-link{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/edit-w.png)}input#author{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/author-g.png)}input#email{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/social/mail-g.png)}input#url{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/home-g.png)}input#author:focus{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/author-w.png)}input#email:focus{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/social/mail-w.png)}input#url:focus{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/home-w.png)}.single .post-meta p.image-resolution{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/image-g.png)}.single-attachment .post-author:before{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/image-w.png)}.searchform .searchsubmit{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/spyglass-g.png)}.searchform .searchsubmit:hover{background-image:url(//www.xhtmlchamps.com/blog/wp-content/themes/baskerville/images/icons/2x/spyglass-c.png)}}@media (max-width:1555px){.post-content .alignfull{margin-left:calc((90vw*.675)*-0.1);max-width:calc(90vw*.675);width:calc(90vw*.675)}}@media (max-width:1440px){.wrapper.section{padding:5% 0}.page-title{margin-bottom:5%}.archive-nav{margin-top:1%}}@media (max-width:1040px){.section-inner.content{max-width:94%}.post-container{width:50%;padding:0 2% 5%}}@media (max-width:1000px){body.single .content{width:100%;float:none}.sidebar{display:none}.main-menu{display:none}.search-toggle{width:24px}.nav-toggle{display:block;padding:25px 0}.nav-toggle .bar{display:block;width:26px;height:3px;margin-top:5px;background:#8e8e8e;border-radius:1px}.nav-toggle .bar:first-child{margin-top:0}.nav-toggle:hover{cursor:pointer}.nav-toggle.active .bar{background:#fff}.mobile-menu li{border-top:1px solid rgba(255,255,255,.1)}.mobile-menu>li:first-child{border-top:none}.mobile-menu a{display:block;padding:25px 5%;font-size:.9em;text-transform:uppercase;color:#999;letter-spacing:1px}.mobile-menu a:hover{color:#fff}.mobile-menu ul a{padding-left:10%}.mobile-menu ul ul a{padding-left:15%}.mobile-menu ul ul ul a{padding-left:20%}.mobile-menu ul ul ul ul a{padding-left:25%}.mobile-menu ul ul ul ul ul a{padding-left:30%}.post-content .alignfull{margin-left:calc(90vw*-0.1);max-width:90vw;width:90vw}}@media (max-width:800px){.wrapper.section{padding:4% 0}.section-inner{max-width:92%}.section-inner.content{max-width:97%}.section.header{padding:50px 0}.header .logo img{max-height:60px}.post-content .alignfull{margin-left:calc(92vw*-0.1);max-width:92vw;width:92vw}.footer .one-third{width:47.5%}.credits span{display:none}}@media (max-width:700px){.post-author,.single .post-meta{width:100%;float:none;border-radius:0}.single .post-meta-container:after{content:none}.single .post-meta{background-color:#3f4854}.post-content .alignleft,.post-content .alignright{max-width:100%;float:none;margin:1.25em 0}.post-content .alignleft a,.post-content .alignleft img,.post-content .alignright a,.post-content .alignright img{margin-left:auto;margin-right:auto}.comment-form-author,.comment-form-email,.comment-form-url{width:100%}}@media (max-width:600px){body{font-size:16px}.wrapper.section{padding:25px 0}.post-header,.single .post-content,.post-excerpt,.content .comments,div#disqus_thread,.comment-respond,.post-quote,.post-link{padding:7.5% 6%}.section.header{padding:35px 0}.header-search-block .search-field{font-size:1.5em;margin-top:-17px}.nav-toggle{padding:20px 0}.search-toggle{height:59px}.navigation-inner{max-width:90%}.mobile-menu a{padding-top:20px;padding-bottom:20px}.section-inner.content{max-width:92%}.post-container{width:100%;padding:0;margin-top:25px}.post-container:first-child{margin-top:0}.post-header .post-title{font-size:1.5em}.post-excerpt{font-size:1em}.posts .post-meta{padding:0 6%}.media-caption{margin:0 6%;padding-bottom:10px}.single .post-quote blockquote,.single .post-link p{font-size:1.2em}.single .post-quote cite{font-size:.8em}.post-content p,.post-content blockquote,.post-content ul,.post-content ol,.post-content address,.post-content dl,.post-content .wp-caption,.post-content pre{line-height:160%;margin-bottom:1em}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:40px 0 20px}.post-content h1{font-size:1.4em}.post-content h2{font-size:1.3em}.post-content h3{font-size:1.25em}.post-content h4{font-size:1.1em}.post-content h5{font-size:1em}.post-content h6{font-size:.9em;font-weight:700;text-transform:uppercase}.post-content h1+h1,.post-content h1+h2,.post-content h1+h3,.post-content h1+h4,.post-content h1+h5,.post-content h1+h6,.post-content h2+h1,.post-content h2+h2,.post-content h2+h3,.post-content h2+h4,.post-content h2+h5,.post-content h2+h6,.post-content h3+h1,.post-content h3+h2,.post-content h3+h3,.post-content h3+h4,.post-content h3+h5,.post-content h3+h6,.post-content h4+h1,.post-content h4+h2,.post-content h4+h3,.post-content h4+h4,.post-content h4+h5,.post-content h4+h6,.post-content h5+h1,.post-content h5+h2,.post-content h5+h3,.post-content h5+h4,.post-content h5+h5,.post-content h5+h6,.post-content h6+h1,.post-content h6+h2,.post-content h6+h3,.post-content h6+h4,.post-content h6+h5,.post-content h6+h6{margin-top:20px}.post-content blockquote{margin-top:25px}.post-content blockquote:before,.post-content blockquote:after{margin:25px auto;width:96px}.post-content blockquote p{font-size:1.1em;line-height:150%}.post-content blockquote cite{font-size:.8em}.post-content .alignfull{margin-left:calc(92vw*-0.06)}.comments-title,.add-comment-title{float:none;width:100%}.add-comment-title{display:none}.comments-title,.comment-reply-title{font-size:1.5em}.comment .avatar{width:50px}.comment-inner{margin-left:70px}.comment-inner:after{top:13px}.comment-content{font-size:.9em}.reply-title{margin-bottom:15px}.comment-form{margin-top:15px}.comment-form{margin-top:10px}.comment-notes,.logged-in-as{margin-bottom:25px}.comment-form input[type=text],.comment-form input[type=email]{background-position:96% center}.authors-row{padding:0;border:none}.authors-row:before{content:none}.authors-row .author-info{width:100%;margin:0;padding:7.5% 6%;float:none;border-top:1px solid #eee}.authors-row:first-child .author-info:first-child{border-top:none}.author-avatar,.author-info h5{margin-bottom:20px}.page-title{margin-bottom:25px}.page-title h3,.page-title h1 .bottom{font-size:1.4em}.tag-archive-meta{margin-top:15px}.archive-nav{margin-top:25px}.footer{padding:30px 0}.footer .one-third{float:none;margin:40px 0 0;width:100%}.footer .one-third+.one-third{border-top:4px solid #333;padding:40px 0 0}.credits{padding:30px 0}}@media (max-width:500px){.header .blog-title{font-size:1.75em}.header .blog-description{font-size:1em;margin-top:15px}.post-author:before,.post-author:after{left:15px}.post-author-content{margin-left:40px}.comments div.comment{margin-top:20px}.comment .avatar{display:none}.comment-inner{margin-left:0}.comment-inner:after{content:none}.comment-actions{display:none}.comment-actions-below{display:block;margin-top:20px}.comment-actions-below a{display:inline-block;margin-left:8px;font-size:.85em;font-weight:700;text-transform:uppercase}.comment-actions-below a:first-child{margin-left:0}.comment-actions-below a:hover{text-decoration:underline}.comment-nav-below span{display:none}}@media (max-width:400px){.comment-form label{font-size:14px}.comment-form input[type=text],.comment-form input[type=email]{background-position:94% center;background-size:20px auto}.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea{padding:12px;font-size:.9em}.comment-form textarea{height:150px}}
.cresta-share-icon .sbutton{text-shadow:1px 1px 0px rgba(0,0,0,.4)}.cresta-share-icon .sbutton{font-family:'Noto Sans',sans-serif}@media (max-width :640px){#crestashareicon{display:none !important}}#crestashareicon{position:fixed;top:20%;left:10px;float:left;z-index:99}#crestashareicon .sbutton{clear:both;display:none}#crestashareicon .sbutton{float:left}#crestashareiconincontent{float:right}
.post-views{text-align:right;margin-top:20px}body a:hover{text-decoration:none}.widget-content ul li a:hover{text-decoration:none}.widget-content ul li{padding-left:20px}.widget-content ul li:before{content:"";position:absolute;left:0;top:0;color:#fc7c57;font-size:18px;width:5px;height:5px;border:2px solid #fc7c57;transform:rotate(-45deg);margin-top:6px}.post-header{padding:5% 10%}.main-menu>li>a{padding:27px 5px}.widget-content ul li a{font-size:1em !important}
HTML tools and snippets you can’t do without Chat with us , powered by LiveChat Skip to the content
Html5 is the all new package of mark up languages introduced by the W3C (World Wide Web consortium) for the purpose of presenting data on the internet.Html4.0 or Html 1.0 has been used for more than a decade now, the quest for better markup language began to meet the onslaught of a whole new breed of web applications.HTML5 has the following highlights-
Latest semantic markup elements like date pickers and range sliders come with HTML5 HTML5 deliberately overrides the use of plug-ins. The earlier version makes use of additional plug-ins such as flash/JS Kludges to run video, audio, form validation and animated graphics. HTML5 automatically supports inclusion of such files into the webpage. HTML5 is backward compatible, the new mark up features and API s introduced can automatically be integrated into the content. This is better suited to writing dynamic web applications than the earlier HTML versions. The following are some popular tools and snippets used in HTML5 for creation of better innovative web applications-
Some effective HTML5 tools for web designers –
1) Sprite Box-Compressing images enhances the loading time and also the increases the speed of your image transactions. This WYSIWYG tool helps you design images into “sprites” or compressed ones.
2) Video Voting and popular Bar- This tool allows you to gather feedback on your videos. All that needs to be done is a click on the video and use the spacebar to submit a video.
3) Apps for creation of mockups and wireframes-This is an html app which is used to create UI Concepts and prototypes, built on fairly open standards so as to provide the best experience on the browser.
4) Speakker-This is a cross-browser audio maker tool. This comes in two variations with a wide variety of options for customization. All this is in a few lines of Java script and a quantum CSS!
5) Text editor-WYSIHTML5 is a rich text editor tool which uses an advanced security concept and attempts to generate a fully complaint HTML mark up content with easy to maintain tags and inline styles.
6) Font testing tool-This bookmark allows you to view any web page in a new font without having to change anything in HTML/CSS codes.
7) Create- This is a web editing interface which is designed to provide a modern, fully browser based HTML5 environment to manage content. This tool adapts to any kind of content management backend.
Popular Snippets used in HTML5
1) URL and email input type- This allows you to write a more semantically correct code and is mobile friendly. Likewise with the email attribute as well.
2) The basic HTML5 page template-This code snippet has the much required doctype tag along with additional header scripts. It makes a reference to an external page styles.css for the style sheet designs; this can further be updated to anything.
3) Form validation- Prior to HTML5 when forms were used on wesbites, Java script was used to create font side validation. With this snippet you can define a regular expression pattern to validate the data.
4) CSS Browser resets-Each web browser defines its own standard rules for styling documents .Web designers would prefer to remove the preset values so that browsers render each website in the same way, this snippet helps you perform just that.
5) Context menus- This snippet allows you to add elements to the contextual menu that appears upon right-clicking somewhere on the web-page.
6) Font Normalization- To overcome the differences in font between the operating system and browser, this snippet allows you to size the fonts in such a way that size and line height is regularized across platforms.
7) Web-kit font smoothening- This is basically an anti-aliasing for web-kit browsers currently available only in Mac OSX. The purpose is to make the text render better making it more readable avoiding all the text thinning hack seen earlier.
8) Force scroll-bar-In cases where the pages are smaller than the browser-view port; also when you load a page on the same site which does not have content and uses a scroll bar, this snippet comes to your rescue. A scroll bar is forced no matter the height of content by this snippet thus resolving this tiny but annoying issue.
9) Video player with flash fallback-One of the greatest benefits of HTML5 is its ability to run video files without the help of flash player. Certain older browsers are not HTML5 compatible and hence the fallback option of flash player is enabled by this snippet.
10) IE7 Image re-size- IE7 by default scales down images which makes it look unappealing. This snippet enables a better resizing algorithm which is available in IE7 itself which produces much results with images that almost look as though edited with image editing software.
11) Print styles- Being Print Ready is extremely important of content available on websites. His snippet first uses a CSS media declaration, allows you to include it in the main style sheet thus avoiding having to place another link in the head of the document. This has a positive effect on the load time of the website.
12) G-Zip Compression- This .htaccess snippet allows us to drastically reduce file sizes.
13) Meta-tags for responsive layouts -the Meta viewport tag is the only one which is being used for responsive web layouts. This enables functionality in smart phones which render websites in full-view and allow users to zoom in without glitches.
14) Conditional body tag- This snippet allows target of IE Browsers specifically without having to add an extra http request/Style sheet. Basically depending on the browser used a class is added to the body tag .If in case the user is not using IE, a classless tag is used which allows you to target specific browsers in the CSS without use of hacks etc.
15) Hidden elements and auto completion- the data list element using HTML5 allows you to draw up a list of data to auto complete a given field. Useful indeed! Hidden elements also allow you to hide a specific element as it is done using CSS.
16) Faster page load hack- This is used to accelerate the performance of the website. In the case of use of a particular conditional comment, it goes ahead and blocks further download until the CSS sheets are completely downloaded and run. This increases your page load time. To resolve this entry of an empty conditional comment is loaded into the code before any CSS usage.
17) Optimized Google analytics- This is a very popular tool to track a website s behavior and site visits. This is a modified version of Google s snippet.
18) Formatting of quoted code- This enables text wrap when it reaches the walls of the container. In this case the snippet also helps preserve the line breaks and the white space cross browser.
19) Label Alignment- This snippet brings about consistency across browsers in terms of alignment of labels with their relevant inputs.
20) Clickable Inputs- By default most browsers don’t apply the pointer cursor to some clickable inputs listed in the webpage. This snippet resolves this issue by making them clickable.
21) Screen reader Access- By use of this snippet, the usability of the website by allowing it to link outlines for both screen readers tabbing through links and mouse users.
22) J-Query loading fallback-The simple objective of this snippet is to merely check if J-query is loaded from Google if not the same is loaded locally from this version. This is an effective fall back option.
23) Device Orientation- This consists of two CSS media queries which may be used for website development. With the advent of smart phones, tablets and mobiles this snippet facilitates use of different styles for each.
24) Expiry date for cache file-types- Usually when our files are cached on the users machines; we may require mentioning the duration of their stay there depending our changes to it. This snippet provides the time frame for some basic file types; these however can be customized for our own site.
HTML5 is the rules the roost in the world of internet technology today. It is here to stay and is the most effective way to put content out there to the user. The listed tools and snippets for the HTML5 code are all out to construct the best website for your business.
Simons Andrew Simons Andrew, I am a passionate developer in PSD Conversion to Web sites. My passion has driven to start my own agency - XHTMLChamps