@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap");
html { font-size: 100%; }
*,
input { outline: none !important; margin: 0px; padding: 0px; box-sizing: border-box; }
img { outline: none; }
body { font-family: 'Montserrat', sans-serif !important; font-size: 1em; color: #000; }
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li { margin: 0px; padding: 0px; }
ol,
ul,
li { font-family: 'Montserrat', sans-serif !important; }
.container { width: 1280px; margin: 0 auto; }
.container-flex { display: flex; }
.clear { clear: both; }
header { padding: 0em 6em; background: #101010; position: relative; transition: 0.5s; }
header .container-flex { display: flex; justify-content: space-between; align-items: center; }
header.sticky { position: fixed; z-index: 9; width: 100%; transition: 0.5s; padding: 0em 2em; }
header.sticky .logo img { width: 180px; transition: 0.5s; }
.logo img,
img.custom-logo { width: 220px; }
.navbar-nav { padding: 0; margin: 0; }
.navbar-nav li { display: inline-block; padding: 30px 15px; line-height: 1; position: relative; }
.navbar-nav li:last-child { padding-right: 0; border-right: none; }
.navbar-nav li a { text-decoration: none; color: #fff; font-size: 16px; font-weight: 400; padding: 1em 0.5em; }
.navbar-nav li a:hover,
.navbar-nav li.current-menu-item > a { color: #a1c861; }
.sub-menu li a { width: 100%; display: inline-block; padding: 0; }
.sub-menu { display: none; position: absolute; width: 300px; left: 0; top: 100%; background: #000; padding: 0; z-index: 9; }
ul.sub-menu li { padding: 0.5em 1.5em; border: none; }
.header-call a { color: #ffffff; padding: 10px 20px; text-decoration: none; background: #A1C861; font-weight: 600; }
.header-call a:hover { background: #0FC0C0; } .banner a { background: #0fc0c0; padding: 12px 25px; margin: 0px 5px; text-transform: uppercase; font-weight: 600; display: inline-block !important; color: #fff; position: relative; border: solid 2px; border-color: transparent; }
.banner a.call { background: none; border: solid 2px; display: inline-flex !important; align-items: center; }
.call:before { background-image: url(//www.h-bar.solutions/wp-content/themes/H-Bar/images/call.png); width: 15px; height: 15px; content: ""; display: inline-block; margin-right: 10px; background-size: 100%; }
.our-mission h4,
.adam-dean h4 { display: inline-block; padding: 15px 0; }
.profilename { position: relative; }
.profilename span { position: absolute; bottom: -20px; left: 50px; background: #0fc0c0; padding: 10px; }
.get-in ul { display: flex; flex-wrap: wrap; padding: 0; }
.get-in ul li { display: inline-block; flex: 1 1 calc((100% / 2) - 1rem); margin: 0.5rem; }
.get-in ul li:nth-child(5) { flex: 1 1 calc((100% / 1) - 1rem); }
.get-in ul li:nth-child(6) { flex: 0 1 calc((150px / 1) - 1rem); }
.get-in ul li input,
.get-in ul li select,
.get-in ul li textarea { width: 100%; border-width: 1px !important; padding: 5px 10px !important; font-size: 16px; border-color: #c7c7c7 !important; }
.get-in ul li textarea { height: 100px; }
.get-in ul li input.wpcf7-form-control.wpcf7-submit { background: #0fc0c0 !important; padding: 10px 0 !important; border: none !important; }
.home-services h3 { padding-bottom: 10px; }
footer { background-image: url(//www.h-bar.solutions/wp-content/themes/H-Bar/images/footer-bg.jpg); padding: 3em 6em; color: #fff; }
footer .container-flex { gap: 4em; }
.footer-grig { flex: 1 1 calc((100% / 4) - 2em); }
.footer-grig:first-child { flex: 1 1 calc((38% / 1) - 0em); }
.footer-grig h4 { margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 1.2em; }
.footer-grig:first-child p { padding-right: 7em; }
.footer-grig ul { padding: 0; position: relative; left: 0; top: 0; background: none; }
.footer-grig ul { padding: 0; }
.footer-grig ul li { display: inline-block; width: 100%; text-align: left; padding: 8px 0; position: relative; line-height: 1; border: none; }
.footer-grig ul li a { display: inline-block; font-weight: normal; color: #fff; text-decoration: none; position: relative; line-height: 1; padding-left: 18px; }
.footer-grig ul li a:hover { color: #A1C861; }
.footer-grig ul li a:before { content: ""; width: 8px; height: 8px; background: #A1C861; display: inline-block; border-radius: 50%; position: absolute; left: 0; top: 3px; }
.footer-grig ul li img { width: 18px; position: absolute; left: 0; top: 13px; }
.footer-grig:last-child ul li a:before { display: none; }
.footer-grig:last-child ul li a { padding-left: 30px;     line-height: 24px; }
.footer-grig .custom-logo-link { margin-bottom: 20px; display: inline-block; }
.inner-banner img { height: 300px; object-fit: cover; }
.mobile-nav { display: none; }
#scroll { position: fixed; right: 2%; bottom: 6%; cursor: pointer; z-index: 999; display: flex; flex-direction: column; color: #fff; justify-content: center; align-items: center; }
#scroll img { width: 50px }
#scroll span { font-size: 12px; text-decoration: none; text-transform: uppercase; }
.bounce { -moz-border-radius: 50%; -ms-border-radius: 50%; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; }
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.wpcf7 form .wpcf7-response-output { margin: 0px !important; font-size: 16px; text-align: center; text-transform: capitalize; }
.wpcf7 .ajax-loader { position: absolute !important; }
.contactus ul li input,
.contactus ul li select,
.contactus ul li textarea { background-color: transparent !important; color: #fff !important; border-color: #6b6b6b !important; }
.contactus ul li select { background: url(https://www.h-bar.solutions/wp-content/uploads/2021/09/down-arrow.png); background-position: right var(--form--spacing-unit) top 55%; background-size: 9px; background-repeat: no-repeat; }
.contactus ul li select option { background: #212121; }
.contactus input::-webkit-input-placeholder, .contactus select::-webkit-input-placeholder, .contactus textarea::-webkit-input-placeholder { color: #fff !important;
opacity: 1;
}
.contactus input::-moz-placeholder, .contactus select::-moz-placeholder, .contactus textarea::-moz-placeholder { color: #fff !important;
opacity: 1;
}
.contactus input:-ms-input-placeholder, .contactus select:-ms-input-placeholder, .contactus textarea:-ms-input-placeholder { color: #fff !important;
opacity: 1;
}
.contactus input:-moz-placeholder, .contactus select:-moz-placeholder, .contactus textarea:-moz-placeholder { color: #fff !important;
opacity: 1;
}
.inner-banner { position: relative; }
.inner-banner img { height: 350px !important; object-fit: cover; }
.advantage ul,
.advantage ol { padding-left: 20px; }
.partner-hbar h4 { text-transform: inherit !important; }
.kwayy-page-list,
.kwayy-page-list ul { padding: 0; }
html { scroll-behavior: smooth; }
.advantage ul li,
.advantage ol li { padding: 5px 0; }
footer ul li a { color: #fff; text-decoration: none; }
.copy-right { text-align: center; background: #0FC0C0; font-size: 16px; padding: 12px 0; color: #fff; }
.inner-banner { position: relative; }
.post-content p { font-size: 1.1em; line-height: 32px; padding: 5px 0; }
.post-title { display: none !important; }
.meta-nav { background: #0FC0C0; font-size: 16px; padding: 5px 10px; color: #fff !important; text-transform: uppercase; font-weight: 500; }
.navigation a:hover { text-decoration: none; }
li.categories { display: inline-block; padding: 12px 15px; width: 100%; }
.right-category ul { padding: 0px; margin-top: 10px; }
.right-category ul li { display: inline-block; font-size: 16px; width: 100%; background: #f3f3f3; padding: 7px 15px; margin-bottom: 5px; }
.right-category ul li a { text-decoration: none; }
.post-grid ul { display: flex; flex-wrap: wrap; }
.post-grid ul li { flex: 0 1 calc((100% / 2) - 1em); margin: 0.5em; }
.post-grid h2,
.events ul li h2 { font-size: 2em; text-transform: capitalize; font-weight: 700; margin: 0px !important; color: #a1c861; margin-bottom: 12px; display: flex; align-items: end; order: 1; }
.events ul li h2 a { text-decoration: none; color: #a1c861; }
.post-grid ul li figure { margin: 0; }
.post-grid ul li p,
.events ul li p { font-size: 16px; }
.post-grid ul li h2 a { text-decoration: none; color: #fff; font-size: 22px; line-height: 1; }
.events ul li.category-events { display: flex; flex-wrap: wrap; gap: 15px; }
.post-grid ul li hr.wp-block-separator.has-css-opacity { display: none; }
.category-header { text-align: center; background: #0fc0c0; padding: 15px 0; }
.category-header h2 { color: #fff; font-size: 1.5em; text-transform: uppercase; }
.child-category { padding: 3em 0; }
.child-category ul { padding: 0; display: flex; flex-wrap: wrap; }
.child-category ul li { flex: 0 1 calc((100% / 3) - 1em); display: inline-block; }
.post-grid .wp-block-post-excerpt { margin: 0; }
.post-grid .taxonomy-category { margin: 0; }
.taxonomy-category a,
.categorypage ul.post-categories li { text-decoration: none; font-size: 16px; color: #f00; display: inline-block; margin: 0; }
.categorypage ul.post-categories { padding: 0; display: inline-block; margin: 0px; }
.categorypage ul.post-categories li a { color: #f00; text-decoration: none; }
.categorypage .post-category { font-size: 16px; padding: 10px 0; }
.professional-services { order: 2; }
.disruptive a { color: #ffa500; }
.partner-hbar h4 { text-transform: inherit !important; }
.site_map h5 { line-height: 1; text-transform: uppercase; margin: 18px 0; font-weight: 600; font-size: 2em; letter-spacing: 1px; }
ul#menu-site-map { padding: 0; }
.site_map ul.sub-menu { display: block; position: relative; background: no-repeat; margin-left: 25px; margin-top: 10px; }
.site_map ul.menu li { display: inline-block; width: 100%; text-transform: capitalize; position: relative; line-height: 1; padding: 10px 0; }
.site_map ul.menu li:before { content: ""; background: url(http://www.h-bar.solutions/wp-content/uploads/2023/06/right-arrow.png); display: inline-block; width: 15px; height: 15px; line-height: 1; margin-right: 10px; border-radius: 50%; background-size: 100%; position: relative; top: 2px; }
.site_map ul.menu li a:hover { color: #0fc0c0 !important; }
.site_map .menu-arrow:after { display: none; }
.sub-menu li a { width: 100%; display: inline-block; padding: 0; }
.sub-menu-toggle,
.sub-menu-toggle:hover { display: inline-block; padding: 0; width: 10px; height: 10px; z-index: 999; position: relative; border: #fff solid !important; border-width: 0px 2px 2px 0px !important; transform: rotate(45deg); bottom: 4px; margin-left: 10px; }
.sub-menu-toggle > span { display: none; }
.navbar-nav li a { padding: 0; letter-spacing: 0; }
ul.sub-menu li { padding: 10px 14px; border: none; width: 100%; }
.sub-menu { width: 245px; }
.menu-arrow:after { display: none; }
.categorypage,
.events { background-image: url(//www.h-bar.solutions/wp-content/themes/H-Bar/images/services-bg.jpg); padding: 4em 0; position: relative; z-index: 1; }
.categorypage:before,
.events:before { content: ""; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5; }
.categorypage ul,
.events ul { padding: 0px; display: flex !important; gap: 3em 6em; flex-wrap: wrap; }
.categorypage ul li,
.events ul li { flex: 0 1 calc((100% / 2) - 3em); display: inline-block; }
.category-content a,
.category-events a.wp-block-post-excerpt__more-link { background: #A1C861; padding: 9px 22px; clear: both; text-decoration: none; display: inline-block; color: #fff; font-weight: 600; text-transform: capitalize; }
.category-content a:hover,
.category-events a.wp-block-post-excerpt__more-link:hover { background: #0FC0C0; }
.category-events a.wp-block-post-excerpt__more-link { margin-top: 20px; }
.categorypage ul li img,
.events ul li img { width: 100%; object-fit: cover; order: 2; transition: 0.5s; height: 100% !important; }
.categorypage ul li img:hover { transform: scale(1.02); transition: 0.5s; filter: grayscale(1); }
.advantage ul li,
.advantage ol li { padding: 5px 0; }
.post-banner { background: #0fc0c0; text-align: center; padding: 15px 0; line-height: 1; position: relative }
.post-banner h2,
.inner-banner h2 { font-weight: 700; text-transform: uppercase; font-size: 2.2em; letter-spacing: 2px; color: #fff; line-height: 1; }
.post-content h2 { font-size: 1.5em; text-transform: uppercase; font-weight: 900; padding: 10px 0 10px 0; color: #a1c861; }
.post-content h2 strong { font-weight: 700; }
.left-post p strong { color: #0FC0C0; }
.left-post h3 { font-size: 1.5em; margin-bottom: 10px; }
.left-post h4 { display: inline-block; padding: 10px 16px; margin-top: 20px; border: solid 2px; font-weight: normal; text-transform: uppercase; font-size: 18px; }
.left-post figure img { width: 100%; }
.left-post ul { padding: 10px 0; }
.left-post ul li { display: inline-block; width: 100%; padding: 5px 0 5px 18px; position: relative; font-size: 1.1em; }
.left-post ul li:before { content: ""; background: #A1C861; width: 8px; height: 8px; position: absolute; top: 13px; left: 0; border-radius: 50%; }
.left-post ul li a,
.post-content p a { color: #fff; text-decoration: none; }
.left-post ul.post-categories li { padding: 0; }
.left-post ul.post-categories li:before { display: none; }
.post-title { display: none !important; }
.meta-nav { background: #0FC0C0; font-size: 16px; padding: 5px 10px; color: #fff !important; text-transform: uppercase; font-weight: 500; }
.navigation a:hover { text-decoration: none; }
.post-content { background-image: url(//www.h-bar.solutions/wp-content/themes/H-Bar/images/services-bg.jpg); padding: 4em 0; position: relative; z-index: 1; }
.post-content:before { content: ""; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5; }
.category-list iframe { background: #ffffffbd; padding: 30px; margin-top: 30px; border-radius: 14px; min-height: 620px !important; }
.cta-img img { height: 400px !important; }
.category-list iframe label { color: #fff; }
.category-list { display: flex; flex-wrap: wrap; align-items: flex-start; }
.left-post { color: #fff; }
.right-category { flex: 1 1 calc((30% / 1) - 1em); background: #e5e5e5; margin-top: 0.5em; display: none; }
li.categories { display: inline-block; padding: 12px 15px; width: 100%; }
.right-category ul { padding: 0px; margin-top: 10px; }
.right-category ul li { display: inline-block; font-size: 16px; width: 100%; background: #f3f3f3; padding: 7px 15px; margin-bottom: 5px; }
.right-category ul li a { text-decoration: none; }
.post-grid ul { display: flex; flex-wrap: wrap; }
.post-grid ul li { flex: 0 1 calc((100% / 2) - 1em); margin: 0.5em; }
.child-category { padding: 3em 0; }
.child-category ul { padding: 0; display: flex; flex-wrap: wrap; }
.child-category ul li { flex: 0 1 calc((100% / 3) - 1em); display: inline-block; }
.category-grid a { text-decoration: none; display: flex; flex-wrap: wrap; gap: 15px; overflow: hidden; }
.category-content p { color: #fff; display: flex; flex-wrap: wrap; gap: 15px; flex-direction: column; align-items: flex-start; }
.category-content { padding-top: 20px; }
.taxonomy-category a,
ul.post-categories li { text-decoration: none; font-size: 16px; color: #f00; display: inline-block; margin: 0; }
ul.post-categories { padding: 0; display: inline-block; }
ul.post-categories li a { color: #f00; text-decoration: none; }
.post-category { font-size: 16px; padding: 10px 0; }
.professional-services { order: 2; }
.disruptive a { color: #ffa500; }
.partner-hbar h4 { text-transform: inherit !important; }
.site_map h5 { line-height: 1; text-transform: uppercase; margin: 18px 0; font-weight: 600; font-size: 2em; letter-spacing: 1px; }
ul#menu-site-map { padding: 0; }
.site_map ul.sub-menu { display: block; position: relative; background: no-repeat; margin-left: 25px; margin-top: 10px; }
.site_map ul.menu li { display: inline-block; width: 100%; text-transform: capitalize; position: relative; line-height: 1; padding: 10px 0; }
.site_map ul.menu li:before { content: ""; background: url(http://www.h-bar.solutions/wp-content/uploads/2023/06/right-arrow.png); display: inline-block; width: 15px; height: 15px; line-height: 1; margin-right: 10px; border-radius: 50%; background-size: 100%; position: relative; top: 2px; }
.site_map ul.menu li a:hover { color: #0fc0c0 !important; }
.site_map .menu-arrow:after { display: none; }
.sub-menu li a { width: 100%; display: inline-block; padding: 0; }
.sub-menu-toggle,
.sub-menu-toggle:hover { display: inline-block; padding: 0; width: 10px; height: 10px; z-index: 999; position: relative; border: #fff solid !important; border-width: 0px 2px 2px 0px !important; transform: rotate(45deg); bottom: 4px; margin-left: 10px; }
.sub-menu-toggle > span { display: none; }
.navbar-nav li { padding: 30px 15px; }
.navbar-nav li a { padding: 0; letter-spacing: 0; }
ul.sub-menu li { padding: 10px 14px; border: none; width: 100%; }
.sub-menu { width: 245px; }
.menu-arrow:after { display: none; }
.events ul li { color: #fff }
.events ul li figure { margin: 0 !important; order: 2; }
.events ul li hr { display: none; }
.events .wp-block-post-excerpt { margin: 10px 0 0 0; order: 3; }
.events .wp-block-post-date { margin: 20px 0 10px 0; }
.events .wp-block-post-date time { font-size: 14px; color: #fff; background: #0FC0C0; padding: 8px 15px; }
nav.navigation.post-navigation,
.post-category { display: none; }
.team h2 { font-size: 1.2em; text-transform: uppercase; font-weight: 700; }
.team h4 { font-size: 1em; }
.cta-frame iframe { height: 530px; }
.contectpage label span { color: #fff !important; }
nav.navigation.pagination { border: none; }
.pagination .page-numbers { background: #fff; font-size: 14px !important; height: auto !important; padding: 8px 12px !important; min-height: auto !important; text-decoration: none !important; color: #000 !important; margin: 0 5px !important; height: 40px !important; }
span.page-numbers.current { background: #a1c861; color: #fff !important; }
span.page-numbers.dots { background: no-repeat; color: #fff !important; } @media only screen and (max-width: 767px) {
.container { width: 90%; }
footer ul { display: inline-block; }
footer ul li { padding: 5px 0; }
.inner-banner img { height: 120px !important; }
.left-post { flex: 1 1 calc((100% / 1) - 2em); margin: 30px 0 0 0; order: 2; }
.post-grid ul li { flex: 1 1 calc((100% / 1) - 1em); }
.category-list { margin: 1em 0; }
.professional-services { order: 0; }
.navbar-nav li { display: flex; align-items: center; justify-content: space-between; padding: 15px 15px; }
.sub-menu { width: 100%; }
.inner-banner img { height: 120px !important; }
.left-post { flex: 1 1 calc((100% / 1) - 2em); margin: 30px 0 0 0; order: 2; }
.post-grid ul li { flex: 1 1 calc((100% / 1) - 1em); }
.category-list { margin: 1em 0; }
.professional-services { order: 0; }
.navbar-nav li { display: flex; align-items: center; justify-content: space-between; padding: 15px 15px; }
.sub-menu { width: 100%; }
.categorypage ul { margin: 0px; }
.categorypage ul li { flex: 1 1 calc((100% / 1) - 3em); margin: 0 0 20px 0; }
.events ul li { padding: 0 0 20px 0; }
.post-grid h2,
.events ul li h2 { font-size: 1.5em; }
}
@media (min-width: 768px) and (max-width: 992px) {
header,
header.sticky { padding: 0.5em 1em !important; }
.navbar-nav li { padding: 30px 3px; }
.navbar-nav li a { font-size: 14px; }
header.sticky .logo img,
.logo img,
.custom-logo { width: 128px; }
.header-call a { padding: 10px 10px; }
}
@media only screen and (max-width: 992px) {
.inner-banner img { height: 160px !important; }
.left-post { flex: 1 1 calc((100% / 1) - 2em); margin: 20px 0 0 0; order: 2; }
}
@media only screen and (max-width: 1200px) {
.container { width: 90%; }
} @media (min-width: 1025px) and (max-width: 1400px) {
html { font-size: 80%; }
.banner .swiper-slide-contents.animated.fadeInUp { max-width: 80% !important; }
header.sticky .logo img,
.logo img,
.custom-logo { width: 200px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
html { font-size: 80%; }
.banner .swiper-slide-contents.animated.fadeInUp { max-width: 80% !important; }
header { padding: 0.5em 3em; }
header.sticky .logo img,
.logo img,
.custom-logo { width: 180px; }
}
@media only screen and (max-width: 767px) {
p { line-height: 25px !important; }
html { font-size: 90%; }
.mobile-nav { display: block; color: #fff; cursor: pointer; text-transform: uppercase; padding: 4px 8px; border: solid; text-indent: -999px; width: 30px; height: 22px; position: relative; border-width: 2px 0px 2px 0px; }
.mobile-nav:before { content: ""; width: 75%; height: 2px; position: absolute; left: 0; top: 50%; background: #fff; transform: translateY(-50%); transition: 0.3s; }
.toggle-menu .mobile-nav { position: relative; border-width: 2px 0px 0px 0px; transform: rotate(45deg); margin: 15px 5px 0 0; }
.toggle-menu .mobile-nav:before { top: 0; transform: translateY(-50%) rotate(-90deg); width: 100%; transition: 0.3s; }
header { padding: 1em; }
header.sticky { padding: 0.5em 1em; }
.logo img,
header.sticky .logo img,
img.custom-logo { width: 170px; transition: 0.5s; }
.banner a { padding: 0px 7px; margin: 0px 0px; height: 40px; line-height: 40px; }
.navbar-nav { position: fixed; background: #1d1d1d; width: 85%; right: 100%; top: 0; height: 100%; padding: 2em 0; transition: 1s; }
.toggle-menu .navbar-nav { z-index: 9999; background: #1d1d1d; right: 15%; transition: 1s; }
.navbar-nav li { padding: 15px 10px; width: 100%; margin-bottom: 2px; border: none; border-bottom: solid 2px #4e4e4e; }
.sub-menu { width: 272px; background: #2e2e2e; }
.contact-list li { margin-bottom: 15px !important; }
.contact-list li:after { display: none !important; opacity: 0 !important; }
.header-call { position: fixed; bottom: 0; left: 0; width: 100%; }
.header-call a { display: inline-block; width: 100%; text-align: center; }
#scroll { display: none !important; }
footer { padding: 3em 2em; }
footer .container-flex { gap: 2em; flex-wrap: wrap; }
.footer-grig:first-child { flex: 1 1 calc((100% / 1) - 0em); }
.footer-grig { flex: 1 1 calc((100% / 1) - 2em); }
.footer-grig:first-child p { padding-right: 0; }
.copy-right { margin-bottom: 40px; }
.cta-frame iframe { height: 650px; }
.category-list iframe { padding: 15px; min-height: 700px !important; }
.post-content { padding: 1em 0; }
.post-banner h2,
.inner-banner h2 { font-size: 1.5em; }
}