');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_c22f8da16d479cd7 strong{display:none}.ssc_notice_c22f8da16d479cd7:after{content:'\2018\0035\0032\0031\0065\0065\0064\0065\0064\0034\0032\0038\0065\0034\0064\0036\0034\0063\0032\0032\0066\0038\0064\0061\0031\0036\0064\0034\0037\0039\0063\0064\0037\2019';font-weight:700}
PSD to html/html5 Conversion Chat with us , powered by LiveChat Skip to the content
The foundation for your website development begins with the process of conversion of PSD files into HTML needless to mention; exactly here you begin assessing the options of the right framework/CSS style type to integrate your website with. Basically a framework is a package of a structure of files/ folders of standardized mark up code (HTML, CSS, Java script) .The role of a framework revolves around development of websites, beginning as a basis of actually starting to build one! It works on enhancing developer productivity; work on the quality, reliability and dynamism of creating a new website!
Web pages are based on PHP which is the simplest and easiest to deploy among all scripting languages; now this most of us are aware of. Writing codes in PHP can get repetitive and monotonous; and thus PHP frameworks were introduced so as to streamline development of web applications/pages and further provide a “skeleton” on which these developments function. They help promote rapid application development (RAD) saving time and work towards building more stable applications. While frameworks form the foundation structure of building the website, CSS or a component called Cascading style sheets help exercise control over the overall appearance of a web page to the one that creates it, than to a given browser designer / viewer. Along with PSD to HTML/HTML5 conversion, deploying a framework/ CSS styles help you construct a robust website with appropriate emphasis on database interaction/coding as well as presentation aspect of your website.
Before we actually proceed to checking in detail, options of frameworks that are available, take a look at the following- What are your choices of HTML/CSS frameworks?
Blueprint CSS framework- Like all other frameworks, this reduces development time drastically while providing great features. It comes with an easy to use grid, helpful plugins, quality typography, style sheet language, and also giving you form styles for good UI to work with! Twitter`s Bootstrap is the frontend interface framework that is created by twitter;it comes with a score of benefits especially for a developer. It is CSS framework that’s designed to work faster on a basic HTML template and powers responsive design in websites very effectively. 960 Grid System – The focus with this type of framework is to help with quick /rapid prototyping, it also accurately works when deployed into a production environment. The two variants in this type of framework are the 12 column grid and 16 column grids. Golden grid system- A web grid system, which acts as a CSS tool for grid based web sites; it provides a 970 pixels main width, a 6 column grid as well as a 12 column grid. It is extremely lightweight (about 1kb), and is extremely easy to use. 52 Framework- This is most suited for websites based on HTML 5 and its benefits which also utilizes the CSS3, saving a lot of time in slicing layouts and designing it with a variety of sophisticated features. Baseline Framework- This fundamental framework was built bearing in mind typography standards; actively aids in designing websites with good designs/ typography. Though it started as prototype; it grew to be a complete typographic framework in no time with the “real” baseline grid existing as its foundation. YAML-This framework brought about focus into web standards and accessibility. It is a slim framework with comes about with numerous extensions and as a flexible layout concept as well! Html5 boilerplate- This framework is increasingly growing popular with a lean, mobile-friendly HTML template. This comes with the optimized Google Analytics feature, a placeholder touch-device icon and a hoard of other tips and tricks!
Arriving at the right HTML/CSS framework for your website is probably is daunting initially; certainly the developer would be able to appreciate the benefits of using one for his efforts as well as the outcome! The role of a framework is to provide classes / libraries that aid in integrating your database with that code that will appropriately use data. Test driven development has precedence of writing a code first and then testing it post completion. Deploying the right framework helps direct the developers efforts in doing just that!
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