h1, .h1, .banner h1, h1.uppercase{
font-size: 4.0em;
line-height: 1.2em;
margin-bottom: .2em;
}
h2, .h2, .banner h2, h2.uppercase{
font-size: 2.3em;
line-height: 1.25em;
margin-bottom: .2em;
}
h3, .h3, .banner h3, h3.uppercase{
font-size: 1.7em;
line-height: 1.25em;
margin-bottom: .25em;
}
h4, .h4, .banner h4 h4.uppercase{
font-size: 1.1em;
line-height: 1.35em;
margin-bottom: .3em;
}
.uppercase{
letter-spacing: 0 !important;
}
.no-margin p, .no-margin ul{
margin-bottom: 0;
}
blockquote, dl, figure, form, ol, p, pre, ul{
margin-bottom: .9em;
}
.button{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 0;
}
.button.success.is-outline{
border-color: var(--success-color);
}
.button.alert.is-outline{
border-color: var(--alert-color);
}
.button.white:not(.button.white.is-link):not(.button.white.is-underline):not(.button.white.is-outline) span, .button.white:not(.button.white.is-link):not(.button.white.is-underline):not(.button.white.is-outline) i, .button.white.is-outline:hover i{
color: var(--primary-color);
}
.button.white:not(.button.white.is-link):not(.button.white.is-underline):hover span{
color: var(--alert-color) !important;
} .has-dropdown .icon-angle-down{
display: none;
}
.nav-dropdown>li>a, .nav-vertical-fly-out>li>a{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: var(--primary-color);
}
.header-nav.nav-right > li > a{
text-transform: capitalize;
}
.html.header-button-1 a:before{
font-family: 'fl-icons';
content: '\e600' !important;
margin-right: 3px;
font-size: 90%;
}
.html.custom{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.nav-dark .html.custom a{
color: #fff;
}
.header-bottom .html.custom{
font-size: 1em;
}
#top-bar .html.custom{
font-size: .9em;
}
#top-bar .html.custom i{
color: var(--primary-color);
}
.sidebar-menu .html.header-button-1 a{
display: block;
}
.off-canvas .sidebar-menu a:not(.button):not(.social-icons a){
font-family: 'Montserrat', sans-serif;
color: #fff;
text-transform: capitalize;
font-weight: 600;
font-size: .9em;
}
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content{
background-color: var(--primary-color);
}
.off-canvas .sidebar-menu a:not(.button):not(.social-icons a):hover, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover{
color: var(--alert-color);
}
.nav-sidebar.nav-vertical>li+li.html{
border: none !important;
padding-top: 0;
}
.nav-sidebar .social-icons a{
font-size: 1.5em;
}
.cta-pill>.col-inner, .cta-pill .message-box, .cta-pill .message-box-bg-image, .cta-pill .message-box-bg-overlay{
border-radius: 200px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
}
.social-icons a{
color: var(--primary-color);
}
.dark .social-icons a{
color: #fff;
}
.social-icons a:hover{
color: var(--alert-color);
} .row-divided>.col+.col:not(.large-12) {
border-left: 3px solid #ececec;
}
.inline.ux-menu {
display: block;
text-align: center!important;
}
.inline .ux-menu-link {
display: inline-block;
margin: 0 1em!important;
text-transform: uppercase;
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star{
border: none;
padding: 5px 0 5px 22px;
}
ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before{
color: var(--alert-color);
}
ul li.bullet-checkmark:before{
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900 !important;
content: '\f058' !important;
}
.hero-gradient-right:before{
content: '';
display: block;
z-index: 1;
position: absolute;
height: 100%;
overflow: hidden;
width: 100%;
background: linear-gradient(45deg,  rgba(0,0,128,0.13) 0%,rgba(0,0,128,0.13) 26%,rgba(0,0,128,0.41) 45%,rgba(0,0,128,0.72) 80%,rgba(0,0,128,0.72) 99%); }
.hero-gradient-left:before{
content: '';
display: block;
z-index: 1;
position: absolute;
height: 100%;
overflow: hidden;
width: 100%;
background: linear-gradient(135deg,  rgba(0,0,128,0.72) 1%,rgba(0,0,128,0.72) 11%,rgba(0,0,128,0.41) 49%,rgba(0,0,128,0.13) 78%,rgba(0,0,128,0.13) 100%); }
.hover-black .banner .banner-bg.fill .overlay{
transition: .35s;
}
.hover-black .banner:hover .banner-bg.fill .overlay{
background-color: rgba(0, 0, 0, .8) !important;
}
.corner-top-left>.col-inner, .corner-top-left .banner, .corner-top-left .banner-bg{
border-radius: 60px 0 0 0;
-webkit-border-radius: 60px 0 0 0;
-moz-border-radius: 60px 0 0 0;
}
.corner-top-right>.col-inner, .corner-top-right .banner, .corner-top-right .banner-bg{
border-radius: 0 60px 0 0;
-webkit-border-radius: 0 60px 0 0;
-moz-border-radius: 0 60px 0 0;
}
.corner-bottom-left>.col-inner, .corner-bottom-left .banner, .corner-bottom-left .banner-bg{
border-radius: 0 0 0 60px;
-webkit-border-radius: 0 0 0 60px;
-moz-border-radius: 0 0 0 60px;
}
.corner-bottom-right>.col-inner, .corner-bottom-right .banner, .corner-bottom-right .banner-bg{
border-radius: 0 0 60px 0;
-webkit-border-radius: 0 0 60px 0;
-moz-border-radius: 0 0 60px 0;
}
.corner-all>.col-inner, .corner-all .message-box, .corner-all .message-box-bg-image, .corner-all img, img.corner-all{
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
.image-circle img, img.image-circle{
border-radius: 300px;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border: 3px solid var(--alert-color);
}
.sp-testimonial-pro-wrapper .sp-testimonial-pro-section.sp-tpCarousel{
padding-bottom: 0 !important;
}
legend{
border: none;
text-transform: none;
}
.gfield-choice-input{
margin-bottom: 0 !important;
}
.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label{
font-size: 13px;
}
.accordion-title {
font-weight: 600;
background-color: #f3f3f3;
border: 3px solid #fff;
font-size: 100%;
}
.accordion-title:hover, .accordion-title.active{
border-color: #fff;;
}
.accordion-inner {
padding: 1em;
} .article-inner ul, .article-inner ol{
margin-left: 12px;
}
blockquote{
font-style: inherit;
font-size: 100%;
color: inherit;
margin-left: 15px;
border-color: var(--alert-color);
}
byline{
display: none;
}
.blog-archive#content .row{
max-width: 1525px !important;
}
h5.post-title{
font-size: 1.4em;
}
.blog-archive #post-list .box-blog-post.box, .blog-archive #post-list .col-inner{
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}
.blog-archive #post-list .box-blog-post.box .box-image{
border-radius: 25px 25px 0 0;
-webkit-border-radius: 25px 25px 0 0;
-moz-border-radius: 25px 25px 0 0;
}
.blog-archive #post-list .box-blog-post.box .box-text{
border-radius: 0 0 25px 25px;
-webkit-border-radius: 0 0 25px 25px;
-moz-border-radius: 0 0 25px 25px;
}
.blog-archive #post-list .box-blog-post.box{
background-color: var(--primary-color);
}
.blog-archive #post-list .box-blog-post.box:hover .box-image{
opacity: .7;
}
#post-list .box-blog-post .is-divider{
max-width: 125px;
background-color: var(--alert-color);
margin-top: .7em;
margin-bottom: .7em;
}
#post-list .box-blog-post .box-text{
background-color: var(--primary-color);
padding: 25px;
}
#post-list .box-blog-post .box-text a{
color: #fff;
}
#post-list .box-blog-post .from_the_blog_excerpt{
display: none;
}
.blog-single hr{
margin: 25px 0;
}
.article-inner h2{
font-size: 2.1em;
line-height: 1.15em;
}
.article-inner h3{
font-size: 1.6em;
}
.article-inner a:not(.button){
text-decoration: underline;
}
.article-inner a:not(.button):hover{
text-decoration: none;
}
.article-inner .alignleft, .article-inner .alignright{
margin-top: .2em;
margin-bottom: .2em;
}
h1.entry-title{
font-size: 2.8em;
margin-top: .3em;
}
.page-title .entry-divider.is-divider{
max-width: 250px;
background-color: var(--alert-color);
}
.page-title.featured-title{
background:linear-gradient(165deg, var(--primary-color), var(--secondary-color));
}
.page-title .title-overlay{
background-color: transparent !important;
}
.blog-single.page-wrapper {
padding-bottom: 60px;
padding-top: 0;
background-color: #f2f2f2;
margin-bottom: -60px;
}
.blog-single>.row{
max-width: 1400px;
}
.blog-single .article-inner.has-shadow{
box-shadow: none;
}
.blog-single .article-inner{
border-radius: 0 0 30px 30px;
-webkit-border-radius: 0 0 30px 30px;
-moz-border-radius: 0 0 30px 30px;
}
.blog-single .article-inner .entry-content{
padding-left: 2.25em;
padding-right: 2.25em;
padding-top: 2em;
}
p .alignleft, p .alignright, .entry-content .alignleft, .entry-content .alignright{
margin-bottom: .5em;
margin-top: .5em;
} @media only screen and (max-width: 549px) {
h1, .h1, .banner h1, h1.uppercase{
font-size: 2.2em;
}
h2, .h2, .banner h2, h2.uppercase{
font-size: 1.7em;
}
h3, .h3, .banner h3, h3.uppercase{
font-size: 1.4em;
}
h4, .h4, .banner h4 h4.uppercase{
font-size: 1.0em;
}
.cta-pill>.col-inner, .cta-pill .message-box, .cta-pill .message-box-bg-image, .cta-pill .message-box-bg-overlay{
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
.footer-cta .message-box-bg-image{
background-image: url(//www.thedryguy.com/wp-content/uploads/2020/09/messagebx-bkg-devices-1.jpg) !important;
}
.footer-cta .message-box-bg-image.bg-fill {
background-position: 50% 70% !important;
}
.cta-devices .message-box-bg-image.bg-fill{
background-position: 88% 50% !important;
}
.row-divided>.col+.col:not(.large-12) {
border-left: none;
}
.corner-top-left>.col-inner, .corner-top-left .banner, .corner-top-left .banner-bg{
border-radius: 30px 30px 0 0;
-webkit-border-radius: 30px 30px 0 0;
-moz-border-radius: 30px 30px 0 0;
}
.corner-top-right>.col-inner, .corner-top-right .banner, .corner-top-right .banner-bg, .corner-bottom-left>.col-inner, .corner-bottom-left .banner, .corner-bottom-left .banner-bg{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.corner-bottom-right>.col-inner, .corner-bottom-right .banner, .corner-bottom-right .banner-bg{
border-radius: 0 0 30px 30px;
-webkit-border-radius: 0 0 30px 30px;
-moz-border-radius: 0 0 30px 30px;
}
p .alignleft, p .alignright, .entry-content .alignleft, .entry-content .alignright{
display: block;
margin-bottom: .5em;
margin-left: auto;
margin-right: auto;
}
h5.post-title{
font-size: 1.3em;
}
.article-inner h2{
font-size: 1.6em;
}
.article-inner h3{
font-size: 1.25em;
}
h1.entry-title{
font-size: 1.8em;
}
.blog-single .article-inner .entry-content{
padding-left: 1.5em;
padding-right: 1.5em;
padding-top: 1.5em;
}
} @media only screen and (min-width: 550px) and (max-width: 850px) {
h1, .h1, .banner h1, h1.uppercase{
font-size: 3em;
}
h2, .h2, .banner h2, h2.uppercase{
font-size: 1.9em;
}
h3, .h3, .banner h3, h3.uppercase{
font-size: 1.5em;
}
h4, .h4, .banner h4 h4.uppercase{
font-size: 1.05em;
}
.cta-pill>.col-inner, .cta-pill .message-box, .cta-pill .message-box-bg-image, .cta-pill .message-box-bg-overlay{
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.footer-cta .message-box-bg-image{
background-image: url(//www.thedryguy.com/wp-content/uploads/2020/09/messagebx-bkg-devices-1.jpg) !important;
}
.footer-cta .message-box-bg-image.bg-fill {
background-position: 50% 70% !important;
}
.cta-devices .message-box-bg-image.bg-fill{
background-position: 100% 50% !important;
}
.corner-top-left>.col-inner, .corner-top-left .banner, .corner-top-left .banner-bg, .corner-top-right>.col-inner, .corner-top-right .banner, .corner-top-right .banner-bg, .corner-bottom-left>.col-inner, .corner-bottom-left .banner, .corner-bottom-left .banner-bg, .corner-bottom-right>.col-inner, .corner-bottom-right .banner, .corner-bottom-right .banner-bg{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
p .alignleft, .entry-content .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
p .alignright, .entry-content .alignright{
display: inline;
float: right;
margin-left: 1.5em;
}
h5.post-title{
font-size: 1.3em;
}
.article-inner h2{
font-size: 1.9em;
}
.article-inner h3{
font-size: 1.5em;
}
h1.entry-title{
font-size: 2.0em;
}
.blog-single .article-inner .entry-content{
padding-left: 1.75em;
padding-right: 1.75em;
padding-top: 1.75em;
}
} @media only screen and (min-width: 850px) and (max-width: 990px) {
#logo {
width: 160px !important;
margin-right: 10px;
}
.nav-size-medium>li>a {
font-size: .75em !important;
}
.nav-spacing-medium>li {
margin: 0 5px !important;
}
} @media only screen and (min-width: 990px) and (max-width: 1180px) {
#logo {
width: 190px !important;
margin-right: 10px;
}
.nav-size-medium>li>a {
font-size: .85em !important;
}
.nav-spacing-medium>li {
margin: 0 7px !important;
}
} @media only screen and (min-width: 1000px) {
}