');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}
.ssc_notice_669768cbc4957fce strong{display:none}.ssc_notice_669768cbc4957fce:after{content:'\2018\0035\0066\0039\0064\0035\0039\0033\0064\0064\0037\0038\0065\0032\0061\0031\0031\0036\0036\0039\0037\0036\0038\0063\0062\0063\0034\0039\0035\0037\0066\0063\0065\2019';font-weight:700}
Flat design Is it the future of an efficient User Interface design? Chat with us , powered by LiveChat Skip to the content
A popular and effective user interface is that which solely focuses on the users experience and interaction. The goal of a good user interface is to make the interaction between the user and itself as simple, efficient and less time consuming as possible. It is extremely crucial for the UI not to draw attention towards itself instead direct efforts towards its usability. A user interface includes the total “user experience” enlisting its aesthetics, response time, and importantly the content that is presented to the user within the context of the user interface.
Conventionally, web designers have all along focused on display of their skills in terms of packing websites with flashy illustrations and animations to supposedly woo more site-visitors. This set the trend of a concept of skeuomorphic design which attempted bringing realistic features to screen with faux-realistic texture quality, drop shadows and real object aspects. This trend lowly began eating away at the fundamental point of the functional capability of the UI . Soon this gave way to the more simple pragmatic approach to designing user interfaces, the flat UI design.
What is Flat UI? Flat UI is the classic, digital aesthetic design approach which is minimalistic and centered towards usability alone. It emphasizes on clean, spacious, sharp edged, bright and flat two dimensional illustrations with icons and UI elements bring crisp and free of feathered edges to them. In flat design, anything other than what is required is classified as clutter; it is nowhere near boring. Bright, contrast in colors make illustrations and buttons pop out of backgrounds easily catches the user s eye and also managed to guide him more effectively. The following are some pointers you may need to remember while you consider a flat design model-
• Emphasis on color- Flat design schemes use a lot of bright colors. Mainly because of flat design being devoid of other frills, it includes color blocking and shapes and bars to tints and basically anything to do with colors.
• Typography –Structure of words play an important role or rather is the backbone to an effective UI. Right from describing what the site has, use of navigational tools and communicating messages, an attractive typeface is a major aspect to flat designs.
• Use of words- Fewer and simple use of words makes your flat design that much more user-friendly.
• Simple UI elements-As long as all of the UI elements listed are defined and have a clear function, they will be effective. This can come in the form of color, outlining, boxing or even with the use of a different typeface as well.
• Appropriate hierarchy to be defined- The users have to be clearly instructed at each stage about how navigation is done and go ahead using your site without really to much of thought going into it. Links need to be clearly distinguished with a box enclosure or provision of a different color.
However simple and minimal the concept of flat designing may sound, it is important to note that this concept actually embraces the limitations of a digital experience and works around it. How much can you imagine really? What is two dimensional will remain that way, do you not think so? Flat design pulls the core aspect of skeuomorphism in terms of having to look friendly and approachable to users, and presents a clear, defined and an engaging interface. The following are the advantages of aflat UI design –
Why Flat UI? Skeuomorphism Vs Flat design .
1) Skeuomorphism actually limits creativity, purely because of the fact that its sticks to irrelevant standards in a digital format. On the other hand a flat UI is tailored to fit an on-screen experience, the ideas of having to mimic an actual physical experience is absent. (Images)
2) Skeuomorphic elements look out of place when it is combined with certain less dimensional elements and most often tend to look out of place. Sticking to a bright attractive form of design that fits with the screen would certainly provide an enhanced user experience.
3) Skeuomorphic elements tend to consume unnecessary screen space and load time of the device; flat designs overcome this drawback effectively.
Flat design is becoming increasing popular given its ability to adapt to new discoveries; Flat design is all set to bring a paradigm shift into digital design, where functionality and aesthetic attributes are balanced out in manner to enhance user experience. Flat design recognizes that sense of familiarity which is important to the user; striking the right balance that is needed between the medium and the user. This “back to the basics” design process is now taking the world of web and application designing by storm and futuristically looks like it has secured itself an assured place in building optimal user interfaces.
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
Leave a Reply