/* ****************************************************************
Theme Name:Speckyboy v4.1.4 - May 2025
Theme URI:http://speckyboy.com/
Description:Speckyboy v4.1.4
Author:Paul Andrew
Author URI:https://speckyboy.com
Version:4.1.4
/******************************************************************/

/* Normalize */
aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]),[hidden]{display:none}
html{font-size:100%}
button,input,select,textarea{color:#454545;-webkit-appearance:none}
img{border:0;max-width:100%;height:auto;border-radius:3px}
figure{margin:0}
a:focus{outline:0}
a:hover,a:active{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong,.strong{font-weight:800}
dfn,em,.em{font-style:italic}
small,.small,sub,sup{font-size:80%}
ins,.ins{background:#ff9;color:#000;text-decoration:none}
mark,.mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}
hr{border:none;display:block;height:1px;border-top:1px solid #e3e3e3;margin:10px 0 20px;padding:0}
pre,code,kbd,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
code[class*=language-],pre[class*=language-]{white-space:pre-wrap!important;word-break:break-word!important}
ul,ol{margin:1.5em 0;padding:0}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
form,fieldset,form ul,form ol,fieldset ol,fieldset ul{margin:0;border:0}
legend{border:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}
button,input{line-height:normal;-webkit-appearance:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;-webkit-appearance:none}
input[type="search"]{box-sizing:content-box;-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.screen-reader-text{position:absolute!important;clip:rect(1px 1px 1px 1px);/* IE6,IE7 */
clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}
a,a:visited{color:#49688A;text-decoration:none;transition:.1s ease-in-out;font-weight:800}
a:hover,a:focus{text-decoration:underline;color:#454545;transition:.1s ease-in-out}
.fas .fa-external-link-alt{position:relative;bottom:1px;font-size:10px!important}
.bsa-ad{margin-bottom:40px}
.gist{max-width:900px}
.center{text-align:center}
.wp-caption{max-width:100%;font-style:italic;margin:0 40px 0 0}
.wp-caption img{margin-bottom:0;width:100%;height:auto}
.wp-caption p.wp-caption-text{font-size:0.9em;text-align:center;padding:5px 0 20px}
#bsa-zone_1714376149944-2_123456{margin-bottom:40px}

body{font-family:'Nunito',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.571em;color:#454545;background:#fcfcfc;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

.back-top{position:fixed;bottom:25px;text-align:center;padding:10px;display:none;cursor:pointer;width:26px;margin:0 0 0 -70px;background:#e1e1e1;font-size:13px;font-weight:800;border-radius:3px;text-transform:uppercase;line-height:1.3;transition:.2s ease-in-out}
@media only screen and (max-width:1400px){.back-top{bottom:10px;margin:0 0 0 -10px}}
.back-top:hover{color:#fff;background:#333;transition:.2s ease-in-out}
.sponsored_text{font-size:10px;color:#888;letter-spacing:.25px;text-decoration:none;text-transform:uppercase}

/* Typography */
h1,h2,h3,h4,h5{font-weight:800}
h1{font-size:2.6em;line-height:1.278em}
h2{font-size:1.65em;line-height:1.333em}
h3{font-size:1.45em;line-height:1.5em}
h4{font-size:1.25em;line-height:1.429em}
h5{font-size:1.1em;line-height:2.09em}

/* Global Layout */
.container{max-width:1250px;margin:auto;display:flex}
.main-content{flex-wrap:wrap;border-top:1px solid #e3e3e3}

.elements-flash-sale{margin:30px 40px 0 0}
@media only screen and (max-width:950px){.elements-flash-sale{margin:30px 0 0 0}}

.cyber-monday-2023{width:100%;background:#fff;color:#fff;text-align:center;border-bottom:1px solid #e3e3e3;padding:20px 0}
@media only screen and (max-width:750px){.cyber-monday-2023{display:none}}

.video-wrap{overflow:hidden;padding-top:56.25%;position:relative;margin:0 40px 40px 0;border-radius:6px}
.video-wrap iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}
@media only screen and (max-width:950px){.video-wrap{margin:0 0 30px 0}}

/* Home & Archive Grid Layout */
.grid{padding:40px;flex-basis:calc(33.333% - 54px);border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
.grid:nth-child(1),.grid:nth-child(4),.grid:nth-child(7),.grid:nth-child(10),.grid:nth-child(13),.grid:nth-child(16){padding:40px 40px 40px 0}
.grid:nth-child(3),.grid:nth-child(6),.grid:nth-child(9),.grid:nth-child(12),.grid:nth-child(15),.grid:nth-child(18){padding:40px 0 40px 40px;border-right:none}
.grid .graphic{position:relative;line-height:0}
.grid h2{font-size:1.3em;margin:15px 0;line-height:1.4em}
.grid footer p{margin:15px 0 0}
.featured .graphic:before{background:#4F78A4;content:"Featured";padding:15px 10px;color:#fff;margin:0 2px 0 0;border-radius:3px 0;text-transform:uppercase;font-size:0.75em;font-weight:800;letter-spacing:1px;position:absolute;top:0;left:0}
.home .grid:first-child .graphic:before{background:#4F78A4;content:"Latest";padding:15px 10px;color:#fff;margin:0 2px 0 0;border-radius:3px 0;text-transform:uppercase;font-size:0.75em;font-weight:800;letter-spacing:1px;position:absolute;top:0;left:0}
.paged .grid:first-child .graphic:before{display:none!important}
@media only screen and (max-width:1300px){.grid{padding:20px!important;flex-basis:calc(33.333% - 41px)}}
@media only screen and (max-width:1100px){.grid{flex-basis:calc(50% - 41px)}.grid:nth-child(even){border-right:none}.grid:nth-child(odd){border-right:1px solid #e3e3e3}}
@media only screen and (max-width:750px){article .meta-date{display:inline!important}}
@media only screen and (max-width:550px){.grid{flex-basis:calc(100% - 0px);border-right:none!important}}

/* Archive Pagination */
.page-navigation{margin:40px 0;text-align:center;font-weight:800}
.page-navigation .fa{font-size:12px;position:relative;bottom:1px}
.page-navigation a{color:#49688A;background:#e3e3e3;transition:.1s ease-in-out;padding:6px 13px 5px;border-radius:3px;margin:0 5px}
.page-navigation a:hover,.page-navigation a:focus,.page-navigation a.inactive:hover,.page-navigation a.inactive:focus{color:#fff;background:#4F78A4}
.page-navigation .current{color:#fff;background:#4F78A4;padding:6px 13px 5px;border-radius:3px;margin:0 5px}
@media only screen and (max-width:400px){.page-navigation{font-size:1em}.page-navigation a{margin:0 2px}}

/* Footer */
#footer{background:#333;color:#fff;letter-spacing:1px;font-weight:800}
#footer h3,#footer h4{color:#fff;border-top:none;margin:0 0 5px;padding:0;line-height:1;font-size:1em;letter-spacing:1px}
#footer h3{font-size:1.15em;margin-top:50px;text-align:center;width:100%}
#footer ul{margin:8px 0 30px;letter-spacing:0.5px;font-size:0.9em}
#footer li{list-style:none;margin:5px 0 5px}
#footer a{color:#cfcfcf;transition:.05s ease-in-out}
#footer a:hover,#footer a:focus{color:#fff;transition:.05s ease-in-out}
#footer .resources{padding:40px 0 10px;letter-spacing:0.3px;flex-wrap:wrap}
#footer .footer-column{width:25%}
#footer .footer-column a{font-weight:400}
#footer .copyright{border-bottom:1px solid #3a3a3a;padding:30px 0;justify-content:space-between}
#footer .copyright-year{padding:30px 0;justify-content:center}
#footer .host img{position:relative;top:1px}
#footer nav ul{display:inline-flex;margin:0}
#footer nav li{margin:0 25px 0 0;font-size:16px}

@media (max-width:1300px){#footer .resources{padding:50px 30px 20px}#footer nav li{margin:0 10px}#footer .copyright,#footer .copyright-year{padding:30px}}
@media (max-width:1050px){#footer .resources{padding:40px 30px 20px}#footer .footer-column{width:33.333%}}
@media (max-width:800px){#footer .footer-column{width:50%}}
@media (max-width:600px){#footer .footer-column{width:100%}#footer h3{text-align:left;padding-left:30px;margin-top:40px}#footer nav li{margin:0 10px;font-size:14px}#footer .copyright,#footer .copyright-year,#footer .host{font-size:14px;padding-top:20px}#footer .copyright{flex-direction:column;text-align:center}}

/* Sitewide Header */
.sitewide-header{justify-content:space-between;align-items:center;padding:50px 0;overflow:hidden}
.sitewide-header .banner-bsa{height:90px;text-align:right}
@media only screen and (max-width:1300px){.sitewide-header{padding:40px 30px;line-height:0}}
@media only screen and (max-width:750px){.sitewide-header{padding:40px 20px}}
.sitewide-header .logo img{max-width:170px!important}
@media (max-width:1050px){.banner-bsa{display:none}}

/* Sitewide Banner */
.wordpress-banner{position:sticky;top:0;z-index:1}
.wordpress-banner ul{font-weight:800;list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:70px;background-color:#222;color:#fff;font-size:18px}
.wordpress-banner li{margin:0 5px}
.wordpress-banner li a{background:#fff;padding:6px 16px;border-radius:4px;color:#222;position:relative;bottom:1px;margin:0 0 0 6px;text-decoration:none}
.wordpress-banner li a:hover{text-decoration:underline}
.wordpress-banner svg{vertical-align:bottom;width:190px}
.wordpress-banner i{font-size:12px;position:relative;bottom:1px;margin-left:5px}
@media only screen and (max-width:900px){.wordpress-banner{display:none}}

.elements-video-gen{position:sticky;top:0;z-index:1;text-align:center;background:#000;line-height:0}
@media only screen and (max-width:500px){.elements-video-gen{display:none}}

.adobe-stock ul{background:#1373E6;font-size:16px;font-weight:800;letter-spacing:0.3px}
.adobe-stock svg{width:160px;position:relative;bottom:1px}

.sitewide-single{margin:20px 40px 0 0;border-radius:4px;background:#222;color:#fff;padding:20px 0;font-weight:800;text-align:center;transition:.3s ease-in-out}
.sitewide-single .text{letter-spacing:0.5px}
.sitewide-single a{background:#D83782;color:#fff;padding:7px 16px;border-radius:3px;margin-left:20px;letter-spacing:1px;transition:.2s ease-in-out;text-transform:uppercase;font-size:0.85em;position:relative;bottom:1px}
.sitewide-single a:hover,.sitewide-single a:focus{background:#C23175}
.sitewide-single img{position:relative;bottom:1px;vertical-align:middle;margin-right:20px;border-radius:0}
.sitewide-single .fas{font-size:0.9em}
@media only screen and (max-width:600px){.sitewide-single{display:none}}
@media only screen and (max-width:1120px){
.sitewide-single{font-size:0.9em;padding:15px 0}
.sitewide-single a{margin-left:5px}
.sitewide-single img{margin-right:10px}
.sitewide-single .desktop{display:none}}
@media only screen and (max-width:1120px){
.sitewide-single{margin:20px 0 0 0}}
.sitewide-single a.envato{background:#7CB146}
.sitewide-single a.envato:hover,.sitewide-single a.envato:focus{background:#698D3D}

/* Utilities */
.external{position:relative;bottom:2px;font-size:12px}
.in-content{font-size:11px!important;position:relative!important;bottom:2px!important}

.related-posts li{margin-bottom:20px}
.related-posts li:last-of-type{margin-bottom:0}
.related-posts li .fas{position:relative;bottom:1px}

.favorite{padding:25px 25px 5px;font-family:'Nunito',Helvetica,Arial,sans-serif;margin:30px 40px 30px 0;border-radius:10px;background:#FCFCF4;border:10px solid #FCFCE7;position:relative}
@media only screen and (max-width:950px){.favorite{margin:30px -20px;padding:15px 15px 0}}
.favorite p{padding:0!important}
h2.favorite-title,h3.favorite-title{margin-top:0!important;padding-top:0!important;border-top:none!important}
.favorite::before{content:"Our Favorite";font-size:0.75em;letter-spacing:0.5px;font-weight:800;text-transform:uppercase}

/* Table of Contents */
.table-of-contents{background:#f6f6f6;margin:25px 40px 30px 0;font-weight:800;border-radius:6px;padding:20px 25px}
.table-of-contents > input[type="checkbox"]{position:absolute;left:-100vw}
.table-of-contents .toc-content{overflow-y:hidden;height:0;transition:height 0.3s ease}
.table-of-contents > input[type="checkbox"]:checked ~ .toc-content{height:auto;overflow:visible}
.table-of-contents label{display:block;cursor:pointer}
.table-of-contents .toc-title label:after{font-family:'Font Awesome 5 Free';content:"\f0c9";margin-left:6px;font-size:11px;position:relative;bottom:1px}
.table-of-contents > input[type="checkbox"]:checked ~ .toc-title label:after{content:"\f0c9"}
.table-of-contents p{padding:0 0 5px!important;margin:0}
.table-of-contents ul,.table-of-contents ol{margin:7px 15px 0!important;padding:0!important;flex-wrap:wrap;display:flex}
.table-of-contents ul.lwptoc_itemWrap,.table-of-contents ol.lwptoc_itemWrap{display:block!important;margin-bottom:0!important}
.table-of-contents ul li,.table-of-contents ol li{line-height:1.85em!important;margin-right:30px;font-size:1em!important;flex-basis:calc(50% - 30px)}
@media only screen and (max-width:950px){
.table-of-contents,.table-paginated{margin:25px 0!important}}
@media only screen and (max-width:700px){.table-of-contents ul li,.table-of-contents ol li{flex-basis:calc(100% - 0px)}.table-of-contents ul li,.table-of-contents ol li{margin-right:0}}
@media only screen and (max-width:450px){.table-of-contents ul li,.table-of-contents ol li{font-size:90%!important}}

.card .lwptoc_header{text-align:center;background:#4F78A4;color:#fff;margin:0;padding:12px 15px 10px;letter-spacing:0.5px;border-radius:3px;font-weight:800;font-size:0.9em;text-transform:uppercase}
.lwptoc_toggle{text-transform:uppercase;font-size:14px;letter-spacing:0.5px;margin-left:3px}
.card a.lwptoc_toggle_label{color:#ddd; text-align:right; font-size:12px}

.explore-more,.author-box{margin:30px 40px 30px 0;padding:25px 30px 15px;background:#efefef;border-radius:6px}
.explore-more ul,.related-content ol{margin:0 15px 0!important;flex-wrap:wrap;display:flex}
.explore-more ul li,.explore-more ol li{line-height:1.85em!important;margin-right:30px;flex-basis:calc(50% - 30px)}
@media only screen and (max-width:950px){.explore-more,.author-box{margin:30px 0 30px 0}}
.explore-more .button-med{font-size:1em}
.explore-more p,.author-box p{padding:0!important}
.explore-more h2,.author-box h2{border-top:none!important;margin:0 0 15px!important;padding:0 40px 0 0!important}
.explore-more .fas,.author-box .fas{font-size:0.7em;position:relative;bottom:1px}

.related-content{margin:5px 0 10px 0}
.related-content ul,.related-content ol{margin:0 15px 0!important;flex-wrap:wrap;display:flex}
.related-content ul li,.related-content ol li{line-height:1.85em!important;margin-right:30px;flex-basis:calc(50% - 30px)}
@media only screen and (max-width:1250px){.related-content ul li,.related-content ol li{line-height:1.85em!important;margin-right:30px;flex-basis:calc(100% - 0px)}}
.related-content h2{border-top:none!important;margin:20px 0 15px!important;padding:0 40px 0 0!important}
.related-content ul.details,.related-content ul.details{display:inline-block}
.related-content ul.details li,.related-content ul.details li{line-height:1.5em!important;margin-bottom:15px}
.related-content ul.details li i,.related-content ul.details li i{font-size:12px}

/* Buttons */
.button-med,.button-med:visited,.button-med-tut,.button-med-tut:visited,.btn,.btn:visited{transition:.2s ease-in-out;position:relative;background-color:#49688A;border:none;color:#fefefe;cursor:pointer;display:inline-block;font-size:14px;font-weight:800;line-height:1.5;padding:7px 20px;text-align:center;letter-spacing:0.3px;font-family:Nunito,Helvetica,Arial,sans-serif;margin:5px 5px 0 0;border-radius:3px}
.button-med:hover,.button-med-tut:hover,.button-med-green:hover,.button-large:hover{transition:.2s ease-in-out;background-color:#454545!important;color:#fff;outline:none;border-bottom:none}
.button-med .fa{padding:0 0 0 5px;font-size:10px;vertical-align:middle}
.button-med-green,.button-med-green:visited{transition:.2s ease-in-out;position:relative;background-color:#82B541;border:none;color:#fefefe;cursor:pointer;display:inline-block;font-size:14px;font-weight:800;line-height:1.5;padding:7px 20px;text-align:center;letter-spacing:0.3px;font-family:Nunito,Helvetica,Arial,sans-serif;margin:5px 5px 0 0;border-radius:3px}
.button-large,.button-large:visited{transition:.2s ease-in-out;position:relative;background-color:#49688A;border:none;color:#fefefe;cursor:pointer;display:inline-block;font-size:1em;font-weight:800;line-height:1.5;padding:15px 25px;text-align:center;letter-spacing:0.5px;font-family:Nunito,Helvetica,Arial,sans-serif;margin:5px 5px 0 0;border-radius:3px}

/* Data Tables */
table{width:95%;background-color:transparent;border-collapse:collapse;border-spacing:0;margin-bottom:40px;border-bottom:1px solid #e3e3e3}
@media only screen and (max-width:950px){table{width:100%}}
table th,table td{padding:8px;line-height:24px;text-align:left;vertical-align:top;border-top:1px solid #e3e3e3}
table caption + thead tr:first-child th,table caption + thead tr:first-child td,table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0}
.table-wrapped{border:1px solid #ddd;border-collapse:separate;border-left:0;font-size:0.95em;margin-bottom:20px}
.table-wrapped th,.table-wrapped td{border-left:1px solid #ddd}
.table-wrapped caption + thead tr:first-child th,.table-wrapped caption + tbody tr:first-child th,.table-wrapped caption + tbody tr:first-child td,.table-wrapped colgroup + thead tr:first-child th,.table-wrapped colgroup + tbody tr:first-child th,.table-wrapped colgroup + tbody tr:first-child td,.table-wrapped thead:first-child tr:first-child th,.table-wrapped tbody:first-child tr:first-child th,.table-wrapped tbody:first-child tr:first-child td{border-top:0}
.tutorial{background-color:rgba(255,244,132,0.035);border:5px solid rgba(220,198,0,0.045);margin:10px 40px 40px 0;padding:25px;border-radius:5px}
@media only screen and (max-width:950px){.tutorial{margin:10px 0 40px}}
.tutorial h2{border-top:none!important;padding:0!important;margin:0 0 15px!important}
.tutorial ul{margin:0 30px 5px!important}

/* Contact Forms */
.wpcf7 input[type="text"],.wpcf7 input[type="email"]{border-radius:4px;background:#fff;color:#454545;width:300px;border:2px solid #e3e3e3;padding:5px;font-size:0.9em;letter-spacing:0.3px;font-family:Nunito,Helvetica,Arial,sans-serif;font-weight:400}
.wpcf7 textarea{border-radius:4px;background-color:#fff!important;color:#454545;width:400px;border:2px solid #e3e3e3;padding:5px;font-size:0.9em;letter-spacing:0.3px;font-family:Nunito,Helvetica,Arial,sans-serif;font-weight:400}
.wpcf7 input[type="text"]:focus,.wpcf7 input[type="email"]:focus,.wpcf7 textarea:focus{border:2px solid #ddd;outline:none}
.wpcf7 input{background:#4F78A4;border:none;color:#fff;display:inline-block;outline:none;letter-spacing:0.3px;font-size:0.8em;margin:0;font-weight:800;font-family:Nunito,Helvetica,Arial,sans-serif;padding:0;text-decoration:none;width:100px;height:30px;-webkit-appearance:none}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea{width:85%!important}
.wpcf7-form{width:100%!important}
.wpcf7 input.wpcf7-submit{border-radius:4px;margin-top:30px;font-size:14px;letter-spacing:0.3px;font-family:Nunito,Helvetica,Arial,sans-serif}

/* Main Navigation */
.sitewide-nav{background:#4F78A4;line-height:61px;padding:0 30px;font-size:0.8125em}
@media only screen and (max-width:1300px){.sitewide-nav{padding:0}}
.sitewide-nav nav{justify-content:space-between}
.navigation{margin:0;display:flex}
.navigation a:hover,.navigation a:focus{transition:.1s ease-in-out}
.navigation .fas,.navigation .fab{font-size:1.2em} 
.navigation li{list-style:none}
.navigation li.social{line-height:0}
@media only screen and (max-width:1280px){.navigation li.social{margin:0 20px 0 0}}
.navigation li.social a{margin:14px 0 0 10px;display:inline-flex;border-left:none;padding:6px 10px 6px 12px;border-radius:3px}
.navigation li.social a:hover{background:#222!important}
.navigation li.social a svg{width:1.5em;height:1.5em;vertical-align:-0.125em}
.navigation li.social a.bluesky{background:#0285FF}
.navigation li.social a.twitter{background:#0F141A}
.navigation li.social a.facebook{background:#3B5998}
.navigation li.social a.rss{background:#FF7300}
.navigation li a{color:#fff;padding:22px 30px;text-transform:uppercase;letter-spacing:1px;transition:.1s ease-in-out}
.navigation li a.megamenu{}
.navigation.right li:last-child a{border-right:none}
.navigation li a:hover,.navigation li a:focus{transition:.1s ease-in-out;background:#222;text-decoration:none}
.navigation li.search-field{position:relative;padding:0 30px;margin:0 15px 0 0}
.navigation li.search-field input{background:rgba(0,0,0,0.2);border:none;border-radius:3px;padding:0 38px 0 15px;width:180px;height:34px;font-family:'Nunito',Helvetica,Arial,sans-serif;font-weight:800;outline:none;color:#fff;transition:width 0.5s;letter-spacing:1px}
.navigation li.search-field input::placeholder{color:#fff;text-transform:uppercase;font-weight:800}
.navigation li.search-field button{cursor:pointer;position:absolute;outline:none;top:21px;right:37px;border:none;background:transparent;color:#fff;transition:.1s ease-in-out}
.navigation li.search-field button:hover{transform:scale(1.15);transition:.1s ease-in-out}
.navigation label{color:#fff}
.navigation a.rss:hover{background:#FF7300}
.navigation a.facebook:hover{background:#3B5998}
.navigation a.twitter:hover{background:#0066FF}
.navigation li a .mobile{display:none}
@media only screen and (max-width:910px){.sitewide-nav{height:50px;line-height:50px}
.navigation li a{border-left:none;padding:18px 15px 16px}
.navigation li:last-child a{border-right:none}
.navigation li.search-field{padding:0;border-right:none;border-left:none;margin:0}
.navigation li.search-field input{width:120px}
.navigation li.social{padding:0 10px;border-right:none;margin:0}
.navigation li.social a{margin:9px 0 0 5px}
.navigation li.search-field button{top:17px;right:8px}}
@media only screen and (max-width:660px){#megamenu{position:relative;top:-1px}
.navigation li.search-field{padding:0 15px 0 0}
.navigation li.search-field button{right:22px}
.navigation li a{border-left:none;padding:18px 20px 16px}
.navigation li.social{display:none}}
@media only screen and (max-width:510px){.navigation li.search-field input{width:90px!important}.navigation li a{margin-right:0}}
@media only screen and (max-width:400px){.navigation li.home{display:none}}
@media only screen and (max-width:460px){.navigation li a{border-left:none;border-right:none}.navigation li.hosting{display:none}}

/* Megamenu */
#megamenu{display:none;font-size:14px;background:#222;color:#fff;width:100%;margin:auto;border-bottom:1px solid #292929}
.megamenu-content{display:flex;padding:40px 30px;max-width:1250px;margin:auto}
.megamenu-content .megamenu-column{width:50%}
.megamenu-content-title{margin:0 0 12px;letter-spacing:1px;font-weight:800;line-height:1;padding:0;color:#fff;text-transform:uppercase;font-size:1em}
.megamenu-content small{text-transform:none}
.megamenu-content-title.application{margin-top:59px}
.megamenu-content ul{padding:0;margin:0;line-height:3}
.megamenu-content li{display:inline;white-space:nowrap;margin:0 5px 0 0;font-size:1em;letter-spacing:0.5px}
.megamenu-content li a{background:rgba(53,53,53,0.5);padding:7px 15px;color:#eee;border-radius:3px;transition:0.2s}
.megamenu-content li a:hover,.megamenu-content li a:focus{background:#4F78A4;transition:0.2s;text-decoration:none}
a.megamenu::after{content:"\f0d7";font-family:'Font Awesome 5 Free';transition:0.9s;padding-left:5px}
a.open::after{content:"\f0d8";font-family:'Font Awesome 5 Free';transition:0.9s;padding-left:5px}
a.megamenu:hover,a.open{background:#222}
@media only screen and (max-width:950px){.megamenu-content{padding:30px 15px}
.megamenu-column{padding:0 15px}
.megamenu-content-title.application{margin-top:40px}}
@media only screen and (max-width:750px){.megamenu-column{padding:0 20px}
.megamenu-content .megamenu-column{padding:5px;width:100%}
.megamenu-content ul{margin:0 15px}
.megamenu-content{display:inline}
.megamenu-content-title{margin:0 15px 10px}
.megamenu-content-title.popular-topics,.megamenu-content-title.application{margin-top:30px}}

/* Main Content */
#main{flex:1;border-right:1px solid #e3e3e3}
#main-archives{width:100%}
#content{position:relative;border-top:1px solid #e3e3e3;flex-direction:row}.error404 #content{border-top:none}
@media only screen and (max-width:1300px){#content{padding:0 20px}}
@media only screen and (max-width:950px){#main{width:100%;border-right:none!important}
#content{flex-direction:column}}
#main .article-content{margin-top:20px}
#main .article-content .cp_embed_wrapper{margin-right:40px;margin-bottom:40px}
@media only screen and (max-width:950px){#main .article-content .cp_embed_wrapper{margin-right:0}}

/* Article Content Grid Layout */

.article-content .resource-collection{flex-wrap:wrap;display:flex;margin-top:30px}
.article-content .resource-collection > div{flex-basis:calc(50% - 61px);border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:30px 40px 30px}
.article-content .resource-collection > div h3,.article-content .resource-collection > div h2{margin:0;padding:0;font-size:1.2em;border-top:none}
.article-content .resource-collection > div p{padding:5px 0 0;line-height:1.65em;margin:0;font-size:1em}
.article-content .resource-collection > div p.title-details{padding:0 0 10px;font-weight:800;line-height:1.65em;margin:0;font-size:14px}
.article-content .resource-collection > div:nth-child(odd){padding:30px 40px 30px 0}
.article-content .resource-collection > div:nth-child(even){border-right:none}
.article-content .resource-collection p .fa,.article-content .resource-collection p .fas{font-size:10px!important}
@media only screen and (max-width:1200px){.article-content .resource-collection > div{padding:20px 30px 20px;flex-basis:calc(50% - 46px)}.article-content .resource-collection > div:nth-child(odd){padding:20px 30px 20px 0}}
@media only screen and (max-width:950px){.article-content .resource-collection > div{flex-basis:calc(50% - 46px)}.article-content .resource-collection{margin-top:20px}}
@media only screen and (max-width:600px){.article-content .resource-collection > div{flex-basis:auto;width:100%;border-right:none}.article-content .resource-collection > div:nth-child(even){padding:20px 0}.article-content .resource-collection > div:nth-child(odd){padding:20px 0}}
.article-content h2.resource,.article-content h3.resource{margin-top:0}

/* Article Content */
article .information{border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;font-size:0.8em;padding:10px 0;font-weight:800;letter-spacing:0.5px;display:inline-block;width:100%;justify-content:space-between}
.single .information{display:inline-flex}
article .information .mobile-layout{display:none}
.single .information .category{margin-right:40px;align-self:flex-end}
@media only screen and (max-width:950px){.single .information .category{margin-right:0}}
@media only screen and (max-width:550px){article .information .mobile-layout{display:inline}article .information .on{display:none}}
.topics{border-bottom:1px solid #e3e3e3;padding-bottom:25px}
@media only screen and (max-width:750px){article .information{display:inline-block!important}}
.disclosure{background:#f6f6f6;padding:20px 30px;margin:30px 30px 0 0;border-radius:6px}

@media only screen and (max-width:950px){.disclosure{margin:30px 0 0 0}}

/* Single Posts */
.article-content h2,.article-content h3,.article-content h4,.article-content h5{border-top:1px solid #e3e3e3;margin:25px 0 15px;padding:25px 40px 0 0}
@media only screen and (max-width:750px){
.article-content h2,.article-content h3,.article-content h4,.article-content h5{margin:20px 0 10px;padding:20px 40px 0 0}
.article-content h2{font-size:1.3em}
.article-content h3{font-size:1.2em}
.article-content h4{font-size:1.1em}
.article-content h5{font-size:1em}}
.article-content p{padding:0 40px 0 0;font-size:clamp(1.05rem, 3vw, 1.1rem);line-height:1.65em}
.article-content p.title-details{margin-top:-10px;font-weight:800;font-size:14px}
.article-content p.title-details .spacer{margin:0 5px;position:relative;bottom:1px}
.article-content p.title-details a.red{color:#c0392b}
/* .article-content p{padding:0 40px 0 0;font-size:1.1em;line-height:1.65em}
@media only screen and (max-width:750px){.article-content p{font-size:1.05em}} */
.article-content img{margin:10px 0 0;max-width:100%;height:auto}
.article-content a img{transition:.3s ease-in-out}
.article-content a img:hover{filter:brightness(98%);transition:.3s ease-in-out}
.article-content ul,.article-content ol{list-style-position:outside;margin:0 30px 30px;padding:0;font-size:1em;line-height:1.7em}
.article-content ul li{list-style-type:disc;line-height:1.7em;font-size:1em}
.article-content ul li a,.article-content ol a{font-weight:800}
.article-content ul li a:hover,.article-content ol li a:focus{text-decoration:underline}
.article-content ul li ul{margin:0 0 10px 15px!important}
.article-content ul li ul li{list-style-type:disc;line-height:1.7em;flex-basis:calc(100% - 0px)}
.article-content ol li{list-style-type:decimal;line-height:1.7em}
.article-content ul li .fa,.article-content ul li .fas{font-size:0.75em}
.article-content ul.faq{margin:0 30px 0 15px!important}
.article-content ul.faq li{line-height:1.5em!important;margin-bottom:15px}
.article-content blockquote{font-style:italic;padding:10px 30px; margin:25px 40px 25px 0;background:#f4f4f4;border-radius:6px}
.article-content .pullquote-left{border-left:6px solid #e3e3e3;border-right:6px solid #e3e3e3;font-style:italic;padding:20px 20px 10px;margin:5px 30px 30px 0;background:#f5f5f5;font-size:0.95em;width:25%;float:left}
.article-content .pullquote-right{border-left:6px solid #e3e3e3;border-right:6px solid #e3e3e3;font-style:italic;padding:20px 20px 10px;margin:5px 0 30px 30px;background:#f5f5f5;font-size:0.95em;width:25%;float:right}
.article-content video,.article-content object,.article-content iframe{max-width:100%;border:none;margin-bottom:10px;border-radius:3px}
.article-content .fluid-width-video-wrapper{margin-bottom:2.143em}
.article-content code{background:#eee;border:none;padding:3px 6px;font-size:15px}
.article-content pre{margin:0 40px 30px 0;border-radius:3px;font-family:monospace;padding:25px;color:#fff;background:#333;font-size:15px;line-height:1.9}
@media only screen and (max-width:950px){.article-content pre{margin:0 0 25px 0}.article-content p{padding-right:0}.article-content ul, .article-content ol{margin:0 0 30px 20px}}
.single section{margin-bottom:0!important;border-bottom:none}
.single .article-content img,.single .article-content img a{margin:10px 0 0;border-radius:3px}
.single .article-content img a:hover{border-bottom:none}
.not-found .article-content,.error404 .article-content,.page .article-content{border-bottom:none}
.search .page .article-content{border-bottom:#ddd 1px dotted}
.search-results{padding-bottom:25px}
.single .article-content small{position:relative;font-size:14px}
.wp-video{margin-bottom:30px}
/* h2.content-scroll{padding-top:80px} @media only screen and (max-width:750px){h2.content-scroll{padding-top:25px}}*/
.topics ul{display:flex;margin:0;flex-wrap:wrap}
.topics li{margin:0 10px 20px 0;list-style-type:none!important}
.topics a{background:#4F78A4;color:#fff;padding:8px 15px;border-radius:3px;letter-spacing:0.5px}
.topics a:hover,.topics a:focus{background:#222}
.topics h2{border-top:1px solid #e3e3e3;padding:25px 40px 10px 0}

/* Search Results */
.no-search-result{padding:30px;font-weight:800;line-height:1.5;text-align:center;width:100%}
.search-term{color:red}
.search h1{font-size:2.25em}
.archives{display:block}
.archive .sub-title,.error404 .sub-title,.search .sub-title{border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;font-size:0.8em;margin:0;padding:15px 50px 15px 0;position:relative;color:#454545;text-transform:uppercase;letter-spacing:0.3px;line-height:1}
.archive h1{margin:0;padding:30px 0 10px}
.search h1,.tag h1{margin:0;padding:30px 0!important}
.archive h1 .article-number{font-size:16px;vertical-align:middle}
.archive .category-description{padding:0}
.archive .category-description.introduction{max-width:66.666%;margin-right:2%}
.archive .category-description.introduction p{margin:0;padding:0 0 15px;font-size:1em}
.archive .category-description p a{font-weight:800}
.archive .category-description p a:hover{text-decoration:underline}
.archive .category-description.introduction ul{margin:10px 0 0 0;border-top:1px solid #e3e3e3;padding:30px 0 0 0}
.archive .category-description.introduction li{display:inline-flex;margin:0 6px 10px 0}
.archive .category-description.introduction li a{background:#f1f1f1;padding:5px 15px;font-size:0.95em;border-radius:3px}
.archive .category-description.introduction li a:hover{text-decoration:underline}
.archive .category-description .sidebar-elements-content{width:36%;margin-left:2%;display:inline-block}
.archive .category-description .sidebar-elements-content .sidebar-elements-item{margin-bottom:0}
.archive .category-description .sidebar-elements-content .item-category{margin-bottom:0;line-height:1.3;padding:5px 0}
.archive .category-description .sidebar-elements-content .item-title{line-height:1.3;padding-bottom:5px}
@media only screen and (max-width:750px){.search h1,.tag h1{border-bottom:none}.archive .sub-title,.error404 .sub-title,.search .sub-title{padding:10px 20px}.archive h1{padding:30px 20px 0;font-size:1.9em}.search h1,.tag h1{padding:20px;font-size:1.7em}.archive .category-description{padding:10px 20px 30px;font-size:0.95em}}
@media only screen and (max-width:1000px){.archive .category-description.introduction{max-width:100%;margin-right:0}.archive .category-description .sidebar-elements-content{display:none}}
.archive .category-description.introduction i{font-size:0.6em}

@media only screen and (max-width:1300px){.archive .sub-title,.error404 .sub-title,.search .sub-title{padding:15px 20px}
.archive h1{padding:20px 20px 10px}.search h1,.tag h1{padding:30px 20px!important}.archive .category-description{padding:0 20px}.archive .category-description.introduction ul{margin:0 0 10px 0;padding:20px 0 0 0}.archive .category-description.introduction li a{padding:3px 10px;font-size:0.95em}}

article header h2 .sponsored_text{font-size:11px;color:#888;letter-spacing:0.5px;text-decoration:none}
article header h2 .sponsored_text:hover{text-decoration:none}
h1.post-title .sponsored_text{font-size:9.5px;text-transform:uppercase;color:#bbb;letter-spacing:0.3px}

/* Global Sidebar */
.default-sidebar{max-width:320px;padding:40px 0 40px 40px}
.yellow-sidebar{max-width:320px;padding:40px 0 40px 40px}
.default-sidebar .card{background:#f4f4f4;margin:0 0 20px 0;border-radius:6px;width:300px}
.default-sidebar .kinsta{background:none}
.default-sidebar .sticky{position:sticky;top:90px}
.default-sidebar .sticky-pages{position:sticky;top:90px}
@media only screen and (max-width:950px){.default-sidebar .sticky{position:static}}
.default-sidebar .card p{padding:20px 25px;margin:0;line-height:1.4;font-weight:400}
.default-sidebar .card p.small{padding:0 25px 25px;margin:0;line-height:1.4;font-weight:400;font-size:13px;text-align:center;font-style:italic;letter-spacing:0.3px}
.default-sidebar .card p.newsletter{font-size:15px;line-height:1.35;text-align:center}
.default-sidebar .card p.unsubscribe{padding:20px 0;text-align:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;color:#666}
.default-sidebar .card ul{margin:0;padding:5px 0;max-height:560px;overflow:auto}
.default-sidebar .card li{list-style:disc;margin:10px 20px 10px 35px;padding:0;line-height:1.1;font-size:14.5px;font-weight:800}
.default-sidebar .card li ul{padding:0;margin:5px 0 10px 5px}
.default-sidebar .card li ul li a{padding:3px 0;font-size:14px}
.default-sidebar .card li ul li{margin:5px 0;list-style:disc;padding:0;list-style-position:inside;list-style-type:"•"}
.default-sidebar .spacious li{margin:10px 15px;list-style:none}
.default-sidebar h4{background:#4F78A4;color:#fff;font-size:15px;margin:0;padding:12px 15px 10px;text-align:center;letter-spacing:0.5px;border-radius:3px 3px 0 0}
.sidebar-title{background:#4F78A4;color:#fff;margin:0;padding:12px 15px 10px;text-align:center;letter-spacing:0.5px;border-radius:3px 3px 0 0;font-weight:800;font-size:0.9em;text-transform:uppercase}
.default-sidebar h4 a{color:#fff}
.sidebar-title small{font-size:0.7em}
.default-sidebar #mc-embedded-subscribe-form{width:84%;margin:0 auto;padding:0 0 5px}
.default-sidebar input{background:#fff;border:none;color:#454545;font-size:15px;margin:0 0 10px;outline:none;padding:0;width:100%;text-align:center;height:34px;-webkit-appearance:none;vertical-align:top;border-radius:3px;font-family:Nunito,Helvetica,Arial,sans-serif;font-weight:400}
.default-sidebar input::placeholder{color:#666}
.default-sidebar button{background:#4F78A4;border:none;color:#fff;display:inline-block;letter-spacing:0.75px;font-size:13px;margin:0;padding:0;text-decoration:none;width:100%;height:34px;-webkit-appearance:none;outline:none;border-radius:3px;font-family:Nunito,Helvetica,Arial,sans-serif;transition:.15s ease-in-out;font-weight:800}
.default-sidebar button:hover{background:#444;border:none;transition:.15s ease-in-out}
@media only screen and (max-width:950px){.default-sidebar,.yellow-sidebar{border-top:1px solid #e3e3e3;max-width:100%;padding:30px 0 0}
.default-sidebar .kinsta{background:#5333ED;text-align:center}
.default-sidebar .card{margin:0 0 30px 0;width:100%}
.default-sidebar .popular-card{margin-bottom:30px}}
.item-button{margin:0 0 70px 0}

.sidebar-elements-content{display:flex;flex-wrap:wrap}
.sidebar-elements-item{position:relative;margin:0 0 40px 0;padding:0;box-shadow:0 1px 10px 0 rgba(0,0,0,.1);transition:all .2s ease-in-out;border-radius:3px;background:#fff;width:100%}
.sidebar-elements-item:hover{transform:scale(1.015);box-shadow:0 1px 10px 0 rgb(0 0 0 / 20%)}
.sidebar-elements-item img{border-radius:0}
.sidebar-elements-item a{color:#454545}
.sidebar-elements-item a:hover{text-decoration:none}
.sidebar-elements-content .item-meta .fas{position:relative;font-size:10px;bottom:1px}
.sidebar-elements-content .item-meta{margin:0;font-size:13px;position:relative;padding:5px 15px 10px}
.sidebar-elements-content .item-title{display:block;font-weight:800;font-size:14px;letter-spacing:0.5px}
.sidebar-elements-content:hover .item-title{text-decoration:underline}
.sidebar-elements-content .item-category{display:block;font-weight:800;font-size:11px;color:#666;letter-spacing:0.5px;margin-top:-6px}
.sidebar-elements-content .item-download-icon{position:absolute;right:20px;top:12px}
.sidebar-elements-content .badge{background:#4F78A4;font-weight:800;letter-spacing:0.5px;padding:10px 0 9px;border-radius:3px 3px 0 0;color:#fff;text-align:center;font-size:0.9em;text-transform:uppercase}
.sidebar-elements-content .badge small{font-size:0.7em}
@media only screen and (max-width:950px){.sidebar-elements-item{flex-basis:calc(50% - 15px);margin:0 0 30px 0}.sidebar-elements-item:nth-child(1){margin-right:30px}}
@media only screen and (max-width:530px){.sidebar-elements-item{flex-basis:calc(100%)}.sidebar-elements-item:nth-child(1){margin-right:0}}

/* Sticky Yellow Sidebar */
.sidebar-elements-content-yellow{padding:25px;text-align:center;display:block;margin:0 0 30px 0;transition:all .2s ease-in-out;background:#FCFCC7;border-radius:6px;max-width:250px}
.sidebar-elements-content-yellow a:hover{text-decoration:none}
.sidebar-elements-content-yellow .item-button{transition:all .3s ease-in-out}
.sidebar-elements-content-yellow:hover .item-button{text-decoration:underline;transform:scale(1.05);transition:all .3s ease-in-out}
.sidebar-elements-content-yellow img{border-radius:3px}
.sidebar-elements-content-yellow .item-button{color:#000!important;border-radius:3px;background-color:#9BEE68;text-decoration:none; padding:10px;text-transform:uppercase;font-weight:800;letter-spacing:.5px;font-size:1em;margin:12px auto 0;max-width:228px}
.sidebar-elements-content-yellow .sub-title{font-size:0.85em;font-weight:800;letter-spacing:0.5px;padding:5px 0 15px;color:#333;text-align:center;text-transform:uppercase}
.sidebar-elements-content-yellow .video-sub-title{font-size:0.85em;font-weight:800;letter-spacing:0.5px;padding:0;color:#333;text-align:center;text-transform:uppercase}
.sidebar-elements-content-yellow .small-sub-title{font-size:0.9em;font-weight:400;letter-spacing:0.5px;padding:0 0 10px;color:#333;text-align:center;line-height:20px}

/* WordPress Sidebar Banner */
.sidebar-wordpress-banner{padding:25px;text-align:center;display:block;margin:0 0 30px 0;transition:all .2s ease-in-out;background:#3858E9;border-radius:6px;color:#fff;line-height:1.4}
.sidebar-wordpress-banner:hover{background:#304BC6}
.sidebar-wordpress-banner a:focus{text-decoration:none}
.sidebar-wordpress-banner a{color:#fff}
.sidebar-wordpress-banner a:hover{text-decoration:none}
.sidebar-wordpress-banner .item-button{transition:all .3s ease-in-out}
.sidebar-wordpress-banner:hover .item-button{text-decoration:underline;transform:scale(1.05);transition:all .3s ease-in-out}
.sidebar-wordpress-banner img{border-radius:3px}
.sidebar-wordpress-banner .item-button{border-radius:3px;background-color:#253A9A;text-decoration:none; padding:10px;text-transform:uppercase;font-weight:800;letter-spacing:.5px;font-size:1em;margin:12px auto 0;max-width:228px}
.sidebar-wordpress-banner .sub-title{font-size:0.85em;font-weight:400;letter-spacing:0.5px;padding:0;text-align:center}
.sidebar-wordpress-banner .details{letter-spacing:0.5px;padding:20px 0 0;text-align:center;text-transform:uppercase;font-weight:800;line-height:1.4;font-size:1.4em}
.sidebar-wordpress-banner .discount-percentage{font-size:90px;line-height:1;padding:5px 0 0;margin:0}
.sidebar-wordpress-banner .promo-code{text-align:center;margin:10px auto 25px;padding:0;font-size:15px;letter-spacing:1px;font-weight:400}


/* Pressable Sidebar Banner */
.sidebar-press-banner{padding:25px;text-align:center;display:block;margin:0 0 30px 0;transition:all .2s ease-in-out;border-radius:6px;color:#fff;line-height:1.4;background-color:#150733;background-image:radial-gradient(ellipse at 50% 0, rgba(219, 55, 0, .35) 0, rgba(219, 55, 0, 0) 30%), radial-gradient(ellipse at 100% 0, rgba(48, 197, 255, .32) 0, rgba(48, 197, 255, 0) 60%);background-size:200% 100%;}
.sidebar-press-banner:hover{background:#040024}
.sidebar-press-banner a:focus{text-decoration:none}
.sidebar-press-banner a{color:#fff}
.sidebar-press-banner a:hover{text-decoration:none}
.sidebar-press-banner .item-button{transition:all .3s ease-in-out}
.sidebar-press-banner:hover .item-button{text-decoration:underline;transform:scale(1.05);transition:all .3s ease-in-out}
.sidebar-press-banner img{border-radius:3px}
.sidebar-press-banner .item-button{border-radius:3px;background-color:#dd3a03;text-decoration:none; padding:10px;text-transform:uppercase;font-weight:800;letter-spacing:.5px;font-size:1em;margin:12px auto 0;max-width:228px}
.sidebar-press-banner .sub-title{font-size:0.85em;font-weight:400;letter-spacing:0.5px;padding:0;text-align:center}
.sidebar-press-banner .details{letter-spacing:0.5px;padding:10px 0 25px;text-align:center;text-transform:uppercase;font-weight:800;line-height:1.6;font-size:1em}
.sidebar-press-banner .discount-percentage{font-size:90px;line-height:1;padding:15px 0 0;margin:0}
.sidebar-press-banner .promo-code{border:2px dashed #fff;width:70%;text-align:center;margin:0 auto 30px;padding:10px 0px;font-size:18px;font-family:monospace;letter-spacing:1.5px;font-weight:400;border-radius:6px}

.declaration-banner{text-align:center;font-size:0.85em;background:rgba(255, 255, 0, 0.15);padding:6px;border-top:1px solid #e3e3e3}

.coupon-code-banner{padding:5px 20px;text-align:center;transition:all .2s ease-in-out;background:#f3f3f3;border-radius:4px;line-height:2;letter-spacing:0.5px;margin:30px 40px 30px 0}
.coupon-code-banner a:focus,.coupon-code-banner a:hover{text-decoration:none}
.coupon-code-banner a{color:#333;font-weight:400}
.coupon-code-banner:hover .promo-code{background-color:#fff;transition:all .1s ease-in-out}
.coupon-code-banner .details{font-size:1.1em}
.coupon-code-banner .discount-percentage{font-weight:600}
.coupon-code-banner .promo-code{border:1px dashed #333;padding:10px 15px;font-family:monospace;letter-spacing:1.5px;font-weight:400;border-radius:6px;margin-left:6px}
.coupon-code-banner i{bottom:2px;right:5px}
@media only screen and (max-width:900px){.coupon-code-banner{margin:30px 0!important}}
@media only screen and (max-width:1300px){.coupon-code-banner .promo-code{display:inline-block; margin-top:10px}}

/* Single & Page */
.single #main,#design-news{padding:40px 0}
.page #main{padding:40px 0}
.single #main h1.post-title,.page #main h1.post-title,#h1.post-title,.page #main h1.post-title,.category-designer-news #design-news h1.post-title{margin:0;padding:0 40px 40px 0}
@media only screen and (max-width:1050px){.single #main,.page #main,#design-news{padding:30px 0}.single #main h1.post-title,.page #main h1.post-title,.category-designer-news #design-news h1.post-title{font-size:2.4em;padding:0 40px 30px 0!important}}
@media only screen and (max-width:950px){.single #main h1.post-title,.page #main h1.post-title,.category-designer-news #design-news h1.post-title{padding:0 0 30px 0!important;font-size:2.1em}}
@media only screen and (max-width:600px){.single #main h1.post-title,.page #main h1.post-title,.category-designer-news #design-news h1.post-title{font-size:1.85em}}
.search-no-results .article-content p{font-weight:800;padding:50px 0}

/* Error 404 */
.error404 #main{width:100%;border-right:none}
h1.blinking{animation:blinker 3.5s linear infinite;font-size:14em;text-align:center;color:red;border-bottom:none}
@media only screen and (max-width:1000px){h1.blinking{font-size:6em}}
@keyframes blinker{75%{opacity:0.3}}

/* Weekly News */
.category-designer-news .article-content{column-width:25em;column-gap:1.5em;margin-top:10px}
.category-designer-news .information .category{margin-right:0}
.category-designer-news .article-content p:hover{border-color:#ddd}
.category-designer-news .article-content p{display:inline-block;background:#fff;border:1px solid #e3e3e3;padding:20px 25px;margin-bottom:1em;font-size:1em!important;text-align:left;border-radius:6px}
@media only screen and (max-width:810px){.category-designer-news .article-content p{margin-bottom:1.25em;padding:15px 20px}}
.category-designer-news .news-button{text-align:center;margin:10px 0 0;border-top:1px solid #e3e3e3;padding:40px 10px 0}
.category-designer-news .news-button a{color:#fefefe;font-size:1.15em;padding:15px 30px;text-align:center;letter-spacing:0.3px;border-radius:3px;background-color:#49688A}
.category-designer-news .news-button a:hover,#content .news-button a:focus{background:#454545}

.elements-content{margin:30px 40px 30px 0;background:#FCFCDF;border-radius:6px;border:5px solid #FCFCC7}
@media only screen and (max-width:950px){.elements-content{margin:10px 0 20px}.elements-content .item-button .large{padding:10px 15px;font-size:1em}.elements-content .elements-title{font-size:1.35em!important}}
.elements-content p{display:none}
.elements-content a{color:#454545!important}
.elements-content .elements-title{font-weight:700;font-size:1.3em;margin:0 25px;padding:20px 0 10px}
.elements-content .elements-sub-title{font-size:1em;line-height:22px;padding:5px 25px 15px}
.elements-content .elements-large-image{margin:0 25px 10px}
.elements-content .elements-grid{display:flex;flex-wrap:wrap;padding:0 0 20px 25px}
.elements-content .elements-grid a{color:#454545;text-decoration:none}
.elements-content .elements-grid .elements-item{position:relative;margin:10px 25px 0 0;flex-basis:calc(33.333% - 25px);padding:0;box-shadow:0 1px 10px 0 rgba(0,0,0,.1);transition:all .1s ease-in-out;border-radius:4px;background:#fff}
.elements-content .elements-grid .elements-item:hover{transform:scale(1.01)}
.elements-content .elements-grid .elements-item-thumb{position:relative;margin-bottom:0;padding:0}
.elements-content .elements-grid .elements-item-thumb img{max-width:100%;height:auto;transition:.1s ease-in-out;border-radius:4px 4px 0 0;margin:0!important}
.elements-content .elements-grid .item-meta{margin:0;font-size:13px;position:relative;padding:5px 15px 10px}
.elements-content .elements-grid .item-meta .item-title{display:block;font-weight:800;font-size:15px;letter-spacing:0.5px}
.elements-content .elements-grid .item-meta .item-category{display:block;font-weight:800;font-size:11px;color:#777;letter-spacing:0.5px;margin-top:-5px}
.elements-content .elements-grid .item-meta h2{display:block;line-height:8px}
.elements-content .elements-grid .item-meta h2 a{font-size:13px;font-weight:400}
.elements-content .item-button{margin:0;padding:20px 25px 35px}
.elements-content .item-button .fas{bottom:1px;font-size:0.8em;padding-left:4px}
.elements-content .item-button .large{color:#fff!important;border-radius:4px;background-color:#ED3B58;text-decoration:none;padding:10px 20px;font-weight:800;letter-spacing:0.25px;font-size:1.05em;position:relative;transition:all .1s ease-in-out}
.item-button .large:hover{background:#454545;transform:scale(1.01)}
@media only screen and (max-width:1250px){.elements-content .elements-grid,.elements-content .elements-large-image{display:none}}
@media only screen and (max-width:550px){.elements-content .no-show{display:none}.elements-content .elements-title{font-size:1.25em!important;line-height:26px}}

.as-content{margin:30px 30px 30px 0;border-radius:6px;border:10px solid #e3e3e3;line-height:0;transition:all .1s ease-in-out}
.as-content:hover{border:10px solid #ddd;transition:all .1s ease-in-out}
.as-content img{margin:0!important;border-radius:3px!important}
@media only screen and (max-width:950px){.as-content{margin:25px 0 25px}}
@media only screen and (max-width:550px){.as-content{display:none}.as-bar{display:none}}

.post-template-hosting-single-post #main{border-right:none;padding:40px 0 0!important;scroll-margin-top:80px}
.post-template-hosting-single-post #main .topics{border-bottom:none;padding:0}
.post-template-hosting-single-post #main .disclosure{margin:30px 0}
.post-template-hosting-single-post #main .information .category{margin-right:0!important}

.host-card{display:flex;flex-direction:column;border-top:1px solid #e3e3e3;padding:40px 40px 40px 0}
.host-card:first-of-type{margin-top:30px}
.host-card .fa-arrow-right{font-size:0.75em}
.host-opener{display:flex;flex-direction:column;border-bottom:1px solid #e3e3e3;padding:10px 0 40px}
.host-card-header{display:inline-flex;padding-bottom:14px;margin-bottom:14px}
.host-card-header h2{border:none;padding:0;margin:auto;line-height:1}
.host-card-header h2 .fas{font-size:0.55em;bottom:1px;position:relative;} 
.host-logo{width:100px}
.host-logo img{margin:0!important;border-radius:6px!important}
.host-rating{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px}
.host-rating .score{font-size:18px}
.host-card-body,.host-wrap{display:flex;gap:30px;align-items:flex-start}
.host-details{flex:3}
.host-details p{padding:0;margin:0 0 10px}
.host-details p:last-of-type{margin:0}
.host-details .read-more{font-size:0.95em}
.host-details .read-more i{font-size:0.58em}
.number-position{background:#49688A;display:inline-flex;color:#fff;font-size:20px;text-align:center;padding:0px 10px;border-radius:3px;margin:0 10px 0 0;font-weight:800;line-height:1;height:30px;align-items:center}
.host-actions{flex:1;display:flex;flex-direction:column;justify-content:space-between;text-align:center;margin:0}
a.host-button{position:relative;background-color:#49688A;font-size:17px;padding:15px;letter-spacing:0.5px;border-radius:6px;display:block;text-align:center;color:#fff}
a.host-button:hover,a.host-button:focus{background:#222;color:#fff;text-decoration:none}
.host-button i{font-size:12px;position:relative;bottom:1px;left:1px}
.host-offer{padding:20px 10px;text-align:center;transition:all .2s ease-in-out;background:#f3f3f3;border-radius:6px;line-height:2.5;letter-spacing:0.5px;margin-top:20px}
.host-offer a:focus,.host-offer a:hover{text-decoration:none}
.host-offer a{color:#333;font-weight:400}
.host-offer .promo-code a:hover{background-color:#ddd;transition:all .1s ease-in-out}
.host-offer .details{font-size:15px}
.host-offer .promo-code a{border:1px dashed #333;background:#fff;padding:10px 15px;font-family:monospace;letter-spacing:1.5px;font-weight:400;border-radius:4px}
.host-introduction{flex:3}
.host-introduction p{padding:0;line-height:1.6em;margin:0 0 20px}
.host-introduction p:last-of-type{margin:0}
.host-toc{flex:2}
.host-toc ol{display:grid;margin:0;padding:10px 0;background:#fff;grid-template-columns:repeat(2, 1fr);border-radius:0 0 6px 6px;border:1px solid #e1e1e1}
ul.host-toc{display:block;margin:0;padding:20px 0 10px;background:#fff;border-radius:0 0 6px 6px;border:1px solid #e1e1e1;border-top:none}
.host-toc ol li{margin:5px 0 10px 40px;padding:0;line-height:1.1;font-size:15px;font-weight:800}
ul.host-toc li{margin:0 0 10px 40px;padding:0;line-height:1.1;font-size:15px;font-weight:800}
.host-toc-title{background:#f1f1f1;margin:0;padding:12px 20px 10px;letter-spacing:0.5px;border-radius:6px 6px 0 0;font-weight:800;font-size:0.9em;text-transform:uppercase;border:1px solid #e1e1e1;border-bottom:none}
.host-toc-title:last-of-type{margin-top:20px}
.host-closer{display:flex;flex-direction:column;border-bottom:1px solid #e3e3e3;padding:40px 0 0}
.host-closer .disclosure{background:#f6f6f6;padding:20px 30px !important;margin:0;border-radius:6px;font-size:16px;line-height:1.5em !important}
.host-closer .host-details p:last-of-type{margin:0 0 20px}
.host-closer h2{border:none;margin:0 0 15px;padding:0}
ul.questions-asked,ul.hosting-related{margin:0;padding:10px 40px 0 0;list-style:none}
ul.hosting-related{list-style:circle}
ul.questions-asked li{list-style-position:inside;padding:15px 0;line-height:1;border-top:1px solid #e3e3e3;list-style:none}
ul.hosting-related li{list-style-position:inside;padding:15px 0;line-height:1;border-top:1px solid #e3e3e3}
ul.questions-asked li .tick{color:green;margin-right:5px}
.host-closer p{max-width:900px}
.package-price{background:#f1f1f1;border-radius:0 0 6px 6px;text-align:center;line-height:1.5;letter-spacing:0.5px;font-size:10px;text-transform:uppercase;font-weight:800}
.starting-price-title{background:#ddd;padding:7px 10px 5px;border-radius:6px 6px 0 0;line-height:2}
.starting-price{font-size:28px;line-height:1;padding:15px 0 5px}
.starting-period{font-size:11px;font-size:10px;padding:5px 10px 10px}

@media (max-width:950px){.host-card{padding:30px 0}.host-card-header{padding-bottom:10px;margin-bottom:10px}}
@media (max-width:600px){.host-card-body{gap:20px}.host-logo{width:75px}.host-rating{font-size:10px}.package-price{display:none}}
@media (max-width:400px){.host-logo{display:none}}
    
.wordpress-host-box{margin:20px 40px 0 0;font-size:1em;background-color:#f4f4f4;padding:20px;font-weight:800;text-align:center}
.wordpress-host-box .deal{background:#4F78A4;text-transform:uppercase;color:#fff;font-weight:800;letter-spacing:0.5px;font-size:0.75em;padding:4px 8px;border-radius:3px;margin-right:10px}
.wordpress-host-box a{border-bottom:1px solid}
.wordpress-host-box a:hover{text-decoration:none;border-bottom:2px solid}
@media (max-width:950px){.wordpress-host-box{margin:20px 0!important}}

.post-type-archive-hosting .grid h2{margin:15px 0 0;font-size:1.1em!important}
.post-type-archive-hosting .grid footer p{margin:10px 0 0;font-size:0.95em;line-height:1.5}
.single-hosting .host-toc ul{display:grid;grid-template-columns:repeat(2, 1fr)}
.single-hosting .host-toc-title:last-of-type{margin-top:0}
.single-hosting .host-toc{width:320px}
.single-hosting .host-cta{text-align:center;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:25px 20px;font-size:1.1em}
.single-hosting .host-cta a{background:#49688A;color:#fff;padding:15px 25px;letter-spacing:0.5px;border-radius:3px;display:inline-block}
.single-hosting .host-cta a:hover{transition:.1s ease-in-out;background-color:#454545;color:#fff;outline:none;border-bottom:none;text-decoration:none}
.single-hosting .host-cta i{font-size:0.75em}
@media (max-width:1100px){.single-hosting .host-cta .button-host-text{display:none}}

.wordpress-box{margin:30px 40px 30px 0;padding:30px;border-radius:6px;background:#eee;color:#454545;letter-spacing:0.2px}
.wordpress-box .title{font-weight:800;font-size:1.3em}
.wordpress-box .message{font-size:1.05em}
.wordpress-box .graphic-title{margin-bottom:35px;padding-bottom:25px;text-align:center;border-bottom:1px solid #d1d1d1}
.wordpress-box .message ul{padding:0;margin:0 20px}
.wordpress-box .message li{padding:0px;margin:0 0 4px}
.wordpress-box .cta{margin:30px 0 7px}
.wordpress-box .cta i{font-size:0.8em}
.wordpress-box .cta a{padding:10px 30px;border-radius:3px;text-decoration:none;font-size:1.05em;text-align:center}
.wordpress-box .cta a:hover{text-decoration:underline!important}
.wordpress-box .cta a.button-sdm{background:#4F78A4;color:#fff}
.wordpress-box .cta a.button-white{margin-left:20px;background:#fff;color:#454545}
@media (max-width:1070px){.wordpress-box .cta{margin:0;display:inline-grid}.wordpress-box .cta a.button-white{margin:15px 0 0 0}}
@media (max-width:950px){.wordpress-box{margin:25px 0 25px 0}}@media (max-width:620px){.wordpress-box,.wordpress-box-border{display:none}}

.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-size:16px;line-height:1.5em;display:flex;flex-wrap:nowrap;z-index:9999;box-shadow:0 0 15px 0 rgba(31,32,68,.095);left:0;right:0;bottom:10px;max-width:800px;margin:0 auto;background:#fff!important;border-radius:5px;border:1px solid #ddd;align-items:center;padding:.8em 2em}
.cc-compliance a{color:#fff;background:#49688A;padding:5px;margin-left:15px}
.cc-compliance a:hover{background:#444}
.cc-banner .cc-message{flex:1}
.cc-btn{display:block;font-size:16px;font-weight:800;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;cursor:pointer;flex:1;min-width:60px;border-radius:5px}
@media (max-width:800px){.cc-window{font-size:15px;line-height:1.4em;box-shadow:none;bottom:0;border-radius:0;border:none;border-top:1px solid #ddd;align-items:flex-start}}

.wordpress-category-archive{display:flex;border-top:1px solid #e3e3e3;margin-top:20px}
.left-side{flex:0 0 50%;border-right:1px solid #e3e3e3;padding:30px 0}
.right-side{flex:0 0 50%;padding:35px 0 30px 0}
.wordpress-category-archive p{margin:0 40px 0 0;padding:0 0 15px;font-size:1.05em;line-height:1.65em}
.wordpress-category-archive p:last-of-type{padding:0}
.wordpress-category-archive .right-side ul{margin:0 0 0 40px;padding:0}
.wordpress-category-archive .left-side ul{margin:0;padding:0}
.wordpress-category-archive li{display:inline-flex;margin:0 6px 10px 0}
.wordpress-category-archive .left-side li{display:inline-flex;margin:0 6px 10px 0}
.wordpress-category-archive li a{background:#f1f1f1;padding:5px 15px;font-size:0.90em;border-radius:3px}
.wordpress-category-archive li a.blue{background:#49688A;color:#fff}
.wordpress-category-archive .sub-categories{font-weight:800;text-transform:uppercase;font-size:0.85em;letter-spacing:0.5px;line-height:1;padding:0;margin:0 0 15px 40px}
.wordpress-category-archive .left-side .sub-categories{margin:0 0 15px}
@media only screen and (max-width:1300px){.wordpress-category-archive p,.wordpress-category-archive .right-side ul,.wordpress-category-archive .left-side ul{margin:0 20px}.left-side{padding:20px 0}.right-side{padding:25px 0 20px}.wordpress-category-archive .sub-categories{margin:0 0 15px 20px}.breadcrumbs{padding:15px 20px!important}}
@media only screen and (max-width:800px){.wordpress-category-archive{display:block}.left-side{border-right:none;border-bottom:1px solid #e3e3e3}}
@media only screen and (max-width:750px){.wordpress-category-archive{margin-top:10px}}

/* WordPress Archive Banner */
.archive-wordpress-banner{padding:20px;text-align:center;transition:all .2s ease-in-out;background:#f3f3f3;line-height:2;letter-spacing:0.5px;border-top:1px solid #e3e3e3;display:none}
.archive-wordpress-banner a:focus,.archive-wordpress-banner a:hover{text-decoration:none}
.archive-wordpress-banner a{color:#333;font-weight:400}
.archive-wordpress-banner:hover .promo-code{background-color:#fff;transition:all .1s ease-in-out}
.archive-wordpress-banner .details{font-size:1.05em}
.archive-wordpress-banner .discount-percentage{font-weight:600}
.archive-wordpress-banner .promo-code{border:1px dashed #333;padding:10px 15px;font-family:monospace;letter-spacing:1.5px;font-weight:400;border-radius:6px;margin-left:6px}
@media only screen and (max-width:700px){.archive-wordpress-banner .promo-code{display:block}}
.archive-wordpress-banner i{bottom:2px;right:5px}
.breadcrumbs .sep{margin:0 5px}
.breadcrumbs{border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;font-size:0.8em;margin:0;padding:15px 0;position:relative;color:#454545;text-transform:uppercase;letter-spacing:0.3px;line-height:1;font-weight:800}

.cloud-banner{position:sticky;top:0;z-index:1}
.cloud-banner a,.cloud-banner a:hover{text-decoration:none}
.cloud-banner a{background:#fff;padding:6px 16px;border-radius:4px;color:#222;position:relative;bottom:1px;margin:0 0 0 6px}
.cloud-banner ul{font-weight:800;list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:70px;background-color:#16196B;color:#fff;font-size:18px}
.cloud-banner li{margin:0 5px;padding:0}
.cloud-banner li img{top:3px;position:relative}
.cloud-banner li .promo-code{border:2px dashed #999;border-radius:6px;padding:5px 15px}
@media only screen and (max-width:1230px){.logo-banner,.dash{display:none}}
@media only screen and (max-width:1000px){.cloud-banner ul{font-size:16px}.cloud-banner li .extra-text{display:none}}
@media only screen and (max-width:875px){.cloud-banner ul{text-align:center;padding:15px;line-height:45px;flex-direction:column;height:100%}.cloud-banner li img{top:10px!important}.cloud-banner li{margin:0 0}.cloud-banner li:nth-child(2){display:none}.cloud-banner{position:relative}}
@media only screen and (max-width:370px){.cloud-banner{display:none!important}}