html,
html body,
kbd,
table th,
table td {
font-family:'Karla', sans-serif;
font-size: 22px !important;
line-height: 1.5;
font-weight: 400;
font-style: normal;
} @media only screen 
and (min-width: 375px) 
and (max-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3), 
only screen 
and (min-width: 375px) 
and (max-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2),
(max-width: 667px)
{ 
html,
html body,
kbd,
table th,
table td {
font-family:'Karla', sans-serif;
font-size: 16px !important;
line-height: 1.5;
}
html body #header .header_bot .header_bot_inner {
padding: 20px;
text-align: left;
}
html body #header .header_bot .resp_bot_nav_wrap .resp_bot_nav {
font-size: 2rem;
width: 2rem;
height: 2rem;
line-height: 1;
}
html body #page.fixed_header #header {
z-index: 1000
}
html body #header,
#header .header_bot,
html body #header .header_bot .header_bot_outer {
overflow: visible;
}
html body #header .header_bot {
position: relative;
z-index: 1000
}
html body #header .header_bot .bot_nav_wrap {
display: block;
position: absolute;
z-index: 1000;
height: auto;
float: none;
margin: 0;
left: 0;
width: 100%;
visibility: visible;
overflow: hidden;
clear: both;
opacity: 1;
}
html body #header .header_bot .bot_nav_wrap > nav > div > ul#navigation {
padding-right: 2em !important;
padding-bottom: 2em !important;
}
} @media only screen 
and (min-width : 768px) 
and (max-width : 1100px) 
and (-webkit-min-device-pixel-ratio: 1),
only screen 
and (min-width : 668px) 
and (max-width : 1100px)
and (-webkit-min-device-pixel-ratio: 2),
(min-width: 668px) and (max-width: 1100px){
html,
html body,
kbd,
table th,
table td {
font-family:'Karla', sans-serif;
font-size: 20px !important;
line-height: 1.5;
}
html body #header .header_bot .header_bot_inner {
padding: 20px;
text-align: left;
}
html body #header .header_bot .resp_bot_nav_wrap .resp_bot_nav {
font-size: 2rem;
width: 2rem;
height: 2rem;
line-height: 1;
}
html body #page.fixed_header #header {
z-index: 1000
}
html body #header,
#header .header_bot,
html body #header .header_bot .header_bot_outer {
overflow: visible;
}
html body #header .header_bot {
position: relative;
z-index: 1000
}
html body #header .header_bot .bot_nav_wrap {
display: block;
position: absolute;
z-index: 1000;
height: auto;
float: none;
margin: 0;
left: 0;
width: 100%;
visibility: visible;
overflow: hidden;
clear: both;
opacity: 1;
}
html body #header .header_bot .bot_nav_wrap > nav > div > ul#navigation {
padding-right: 2em !important;
padding-bottom: 2em !important;
}
.ls-z.ls-wrapper.ls-pinned {
position: fixed !important;
top: -9% !important;
}
}
.header_bot .resp_bot_nav_wrap .resp_bot_nav::before {
font-size: 1em;
line-height: 1em;
display: flex;
justify-content: center;
align-items: center;
}
.header_bot .resp_bot_nav_wrap .resp_bot_nav.active::before {
font-size: .7em;
line-height: 1em;
}
body a,
.footer_custom_html,
.footer_custom_html a {
font-size: inherit;
letter-spacing: 0
}
header .header_mid_scroll {
height: 70px !important;
}
header .header_mid_scroll .logo img {
width: auto !important;
height: auto;
padding: 10px
}
html body .ls-wrapper .ls-layer {
background-color: transparent !important;
}
html body .ls-layers > .ls-slide-backgrounds + .ls-wrapper.ls-z > div.ls-inner-wrapper {
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
position: relative !important;
}
html body .ls-wrapper .ls-layer[data-ls-layer-id="2"] { }
html body .ls-wrapper .ls-button-layer,
html body button,
html body .button,
html body .cmsmasters_button {
background-color: #181b35 !important;
font-size: 1rem !important;
border-radius: 0 !important;
border: none !important;
font-family: 'Karla' !important;
font-weight: 300 !important;
}
html body {
h1, h1 a, .logo .title, .cmsmasters_archive_type .cmsmasters_archive_item_title a, .cmsmasters_pricing_table .cmsmasters_price, .cmsmasters_pricing_table .cmsmasters_coins, .cmsmasters_pricing_table .cmsmasters_currency, .cmsmasters_post_timeline .cmsmasters_post_date .cmsmasters_day, .cmsmasters_header_search_form input:not([type="button"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="color"]):not([type="range"]), .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap, .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_counter_wrap {
font-family: 'Suntowns 2024', sans-serif;
font-size: 4rem;
line-height: 1;
}
h2,
h2 a,
table caption,
.error .error_subtitle,
.comment-respond .comment-reply-title,
.comment-respond .comment-reply-title a,
.cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > a {
font-family:'Suntowns 2024', sans-serif;
font-size:3rem;
line-height:1;
}
h3,
h3 a,
.widget_wysija .widgettitle,
.widget_rss ul li .rsswidget,
.widget_recent_entries a,
#wp-calendar caption,
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td,
#wp-calendar tbody td,
.cmsmasters_latest_posts_list li .cmsmasters_latest_posts_cont a,
.widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_latest li a, 
.widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_popular li a,
.widget_custom_contact_info_entries .contact_info_item_title,
.post_nav > span a,
.cmsmasters_toggles .cmsmasters_toggle_title a,
.cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_counter_wrap {
font-family:'Karla', sans-serif;
font-size:1.2rem;
line-height:1.3;
}
h4, 
h4 a,
.widget_rss .widgettitle a,
.widgettitle,
#wp-calendar thead th,
.error_title,
.cmsmasters_toggles .cmsmasters_toggles_filter a,
.cmsmasters_tabs .cmsmasters_tabs_list_item a,
.cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li a,
.cmsmasters_items_filter_wrap .cmsmasters_items_sort_but,
.cmsmasters_stats .cmsmasters_stat_wrap .cmsmasters_stat_title, 
.cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > a, 
.cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > a,
.cmsmasters_img_caption,
dt,
.cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap,
.cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title {
font-family:'Karla', sans-serif;
font-size: 1.2rem;
line-height:1.2;
letter-spacing: 0;
text-transform:uppercase;
}
}
html body .ls-wrapper .ls-layer h3 {
font-size: clamp(.8rem, 2vw, 1.3rem);
line-height: 1.3;
margin: .5em 0;
}
html body .ls-wrapper .ls-layer h1 {
font-size: clamp(2rem, 8vw, 7rem);
line-height: .7
}
html body .cmsmasters_heading_wrap {
overflow: visible
}
html body .ls-wrapper .ls-layer.ls-button-layer {
height: auto !important;
font-size: clamp(.8rem, 1.68vw, 1.5rem) !important;
padding: 1em 1.3em .8em 1.5em !important;
min-width: 12em;
margin-top: clamp(20px, 3vw, 1vh) !important;
margin-top: calc(50px - 2.5vw) !important;
}
html body .ls-wrapper:not([data-ls-hidden]) .ls-layer.ls-text-layer:empty {
height: clamp(8.2rem, 18vw, 15rem) !important;
}
html body .ls-wrapper:not([data-ls-hidden]) .ls-layer.ls-text-layer:empty:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,.5) !important;
left: 0;
top: 0;
backdrop-filter: blur(5px)
}