');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_0605bceb512ec28e strong{display:none}.ssc_notice_0605bceb512ec28e:after{content:'\2018\0061\0066\0061\0037\0063\0036\0061\0033\0063\0039\0063\0064\0038\0037\0033\0061\0030\0036\0030\0035\0062\0063\0065\0062\0035\0031\0032\0065\0063\0032\0038\0065\2019';font-weight:700}
Genesis 2.0 is mobile friendly- Include responsive videos with ease. Chat with us , powered by LiveChat Skip to the content
Website design/development has indeed come of age with the concept of responsive design. Content images videos can all be dynamically resized so as to suit a responsive design with not much of requirement in the basic structure; Videos however present a sort of a challenge in this regard. By and large flash was being used for delivery of videos in websites; however it is supported by most mobile platforms in this article most notably on Ios mobile devices. In this article we shall talk about the concept of embedding responsive videos along with schema mark up in word press s genesis 2.0 framework.
Genesis 2.0 comes with a bag of responsive goodies-
One extremely popular and noted Word Press theme from the stable of Studio-press is Genesis; The latest Genesis 2.0 comes with in-built support for Schema.org; which simply means that it is easy to optimize the website’s search engine abilities, allowing distinct classification of vital and crucial elements on your web pages. Before we look into the highlights of Genesis 2.0, a brief insight into the aspect of schema mark up and schema.org-
Role of Scheme mark up-
Schema.org is a consolidated hub of structured mark up codes which work on improving your website experience as well as your web page visibility by means of communicating with search engines. On page markup help aid search engines to relate to content on web pages and thereby provide richer and more specific search results. It is but the purpose of search engines to make it easier for people to find clear and relevant information on the internet; Schema Markup also enables introduction of new tools/applications that contribute to the overall structure.
All right, consider the following highlights (largely with reference to responsive design alone) of Genesis 2.0; why should it be the most obvious choice for a responsive framework –
Genesis 2.0 is HTML5/CSS3 compatible- Genesis has adapted to latest web standards with most of the Genesis Child themes becoming mobile responsive friendly. All but with a single line of code a child theme can utilize HTML 5 features effectively. Websites powered by Genesis 2.0 would enjoy cross-browser compatibility, mobile-ready features as well as native support for audio / video formats. Genesis 2.0 brings out the benefits of HTML5 in terms of storage/ API interaction as well. The role of HTML5 is crucial in its association with Genesis 2.0 due to the fact that allows for extensible design and supports video/ audio components like no other markup language. It is search engine optimized – Supports Schema.org Microdata. Genesis 2.0 comes with built in support for schema.org which allows enhancement of the websites search engine optimization efforts; with results getting displayed through specific classification of the important/defining elements on a given webpage.
WebPages load faster than ever- Now the page loading time plays a vital role as a user tries to access your webpage; greater the delay more than chance of the visitor getting driven away from your website. Now certainly this is a factor that cannot be compromised while your website becomes mobile-friendly as well. The all new elements introduced in Genesis 2.0 bring down the page loading time of a given website; allowing a page load to happen in milliseconds! Flexible and secure foundation code- Genesis 2.0 paves way for changes and also adapts; the basics of security and performance of a website powers the fate of any modern business The web publisher inherently will have to make room for the site to adapt to change, be it for breakthroughs in technology, or to future-proof the website in terms of code /structure. Genesis 2.0 makes complete use of newer features of WP 3.6, especially so with all the security updates / bug fixes. With newer features being introduced; it has retained backward compatibility –even in the instance of having deployed a non-HTML5 theme there will not be any major hurdle during upgrades Genesis 2.0. To justify score of benefits just discussed, let us consider the feature of having to add a Responsive video with schema mark up to a website based on the genesis 2.0 framework .
Begin with a short-code on video schema mark-ups-
The mentioned code will add required structure of schema markups /video in the blog post. Copy the same and add it in the function.php of your child theme.
/ YouTube ShortCode [youtube src=”” title=”” duration=”” thumbnail=”” description=””] function youtube_shortcode( $atts ) { extract(shortcode_atts(array( ‘src’ => ”, ‘title’ => ”, ‘duration’ => ”, ‘thumbnail’ => ”, ‘description’ => ” ), $atts)); $video_tag = ‘<div itemprop=”video” itemscope itemtype=”http://schema.org/VideoObject”>’; if ($title != ”){ $video_tag .= ‘<h2><span itemprop=”name”>’ . $title . ‘</span></h2>’; } if ($duration != ”){ $video_tag .= ‘<meta itemprop=”duration” content=”‘ . $duration . ‘” />’; } if ($thumbnail != ”){ $video_tag .= ‘<meta itemprop=”thumbnailUrl” content=”‘ . $thumbnail . ‘” />’; } $video_tag .= ‘<meta itemprop=”embedURL” content=”http://youtu.be/’ . $src . ‘” />’; $video_tag .= ‘<div class=”video-container”><iframe src=”//www.youtube.com/embed/’ .$src. ‘?hd=1″ frameborder=”0″ allowfullscreen></iframe></div>’; if ($description != ”){ $video_tag .= ‘<span itemprop=”description”>’ . $description . ‘</span>’; } $video_tag .= ‘</div><br />’; return $video_tag; } add_shortcode(‘youtube’, ‘youtube_shortcode’);
src –youtube id for the video. title – The title to be used for the video; It will be displayed with H2 tag. duration –duration of the video. The hour, minute and second format must be used such as TH01M10S05 thumbnail – thumbnails image. description – This is used to describe/ publish something about the video.
Here is an example of the short code used for an YouTube video- [youtube src=”SHxP5Jd9Lm8″ title=”Rename Multiple Files Through Automator” duration=”T6M18S” thumbnail=”test.jpg” description=”This is a test embed”] Make the video responsive-
The purpose of embedding a video should be that of one which is responsive /adjusts according to the screen size.
/************ Responsive Video *********/ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
Verification of Schema Markups- Posting adding codes in function.php and style.css, do check if the markup is working correctly. Go to Google Structured Data Testing Tool, key in the url and check the schema markups. A screen shot is attached for your reference.
This example explains the function embedding a video in the Genesis 2.0 framework; the code is generic however and may be used with any theme if you may be able to assess positions to insert in the PHP code and CSS style.
Embedding Responsive videos in a Genesis 2.0 framework with the schema mark up included gets as easy as that! Genesis 2.0 is the direction to head for your responsive website !
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