/*
Theme Name: DriveGrowthHQ
Description: Mag Child Theme
Author: WPAlex
Author URI: https://wpalex.com
Template: mag
Version: 1.0.0
*/

body.elementor-page #main {padding:0}
body.elementor-page #main, body.elementor-page #overlay-sidebar-inner, body.elementor-page #top-bar, body.elementor-page #mobile-site-header, body.elementor-page #container, body.elementor-page .inner, body.elementor-page .page-header-inner {max-width:unset}
.elementor-element.elementor-element-ac94b6c .elementskit-clients-slider .single-client {box-shadow: none}
body.single #content, body.page-template-default #content, body.page-template-page-terms #content, body.page-template-page-prefootercta #content{max-width: 1000px; margin:0 auto}

#site-logo {width:250px; margin-right:6rem; margin-left:-15px}
#mobile-site-header #mobile-site-logo {width: 200px}
#site-navigation ul li ul li a {font-size: 14px}

.entry-content.with-sidebar {width:100%; padding-right:0}

#content a {text-decoration:underline}
a:hover {font-weight:bold; color:#000; text-decoration:underline}
.ai-resources-content a {font-weight:bold}

/* POST META */
.meta-updated {font-size:1rem}
.categorydesc {text-align:center; max-width:50rem}
.categoryform {max-width: 45rem; margin: 2rem auto}
.author-wrap img {border-radius: 50%}
img.socialprofile {display:inline-block; padding:0 12px 0 0; border-radius:0; max-width:30px; margin-top:1rem}
.author-name {line-height:1.5rem}
.authorimg img {border-radius:50%; max-width:50px; margin-right:1rem; margin-top:0}
.authorurl {font-size:1rem}
.author-links {display:flex; gap:0.5rem; margin:0.25rem 0}
.author-links svg {height:15px; width:auto; display:block}
.author-links a {display:inline-flex; align-items:center; justify-content:center; line-height:0; color:inherit; opacity:0.8; transition:opacity 0.2s ease}
.author-links a:hover {opacity:1}
.author-top {display:flex; align-items:center; gap:0.5rem}
body.single-post .author-links {display:inline-flex; align-items:center; gap:0.4rem}
#wrapper .author {padding:20px}
#wrapper .author img {border-radius: 50%}
.entry-meta {width:100%}
.meta-author, .meta-author-block, .meta-updated {display:inline}
@media only screen and (max-width:650px) {.meta-author-block,.meta-updated{display:block} .meta-dot {display:none} }
.author-comp {margin-bottom:1rem; overflow: hidden}
.mnky-post-links {margin-bottom: 60px}
body.archive .author-name {display: flex; align-items:center; margin-top: 1rem}
body.archive .authorimg img {max-width:30px; margin-bottom:0}


/* Home page */
#hpemailbanner {border:10px solid #f5f5f5;height:auto}
#hpemailbanner h2 {font-weight:700; font-size:34px; text-align:center; margin:10px 5px}
#newhpemailbanner {text-align:center}
#newhpemailbanner h2 {font-weight:700; font-size:34px; text-align:center; margin:0 0.5rem 1.7rem 0.5rem}

.whtimg {filter:brightness(0) invert(1)}
.af-clear{clear:both}

.page-header {padding:15px 30px;background:#F5F5F5 !important}
.pre-content-html {padding: 160px 30px}
.pre-content-html h1 {color: #fff;font-size: 50px;font-weight: 700}
.single-post .entry-title, .pre-content-html h1, body.page-template-default .entry-title, body.page-template-page-terms .entry-title, body.page-template-page-prefootercta .entry-title{font-family:"Roboto",Sans-serif; font-size:3.8rem; font-weight:400; margin:1rem 0 3rem 0}
body.single #content h2, body.page:not(.elementor-page) #content h2 {font-family: "Roboto", Sans-serif; font-size:38px; margin-top:3rem; margin-bottom:1rem}
body.single #content h3, body.page:not(.elementor-page) #content h3 {font-family: "Roboto", Sans-serif; font-size:27px; margin-top:3rem; margin-bottom:1rem}
@media only screen and (max-width: 979px) {body.single #content h2 {font-size:33px} }
@media only screen and (max-width: 767px) {body.single #content h2 {font-size:28px} }
@media only screen and (max-width: 991px) {.mnky_heading_wrapper {text-align: center} }

body.blog .page-header {background:#F7F5F2 !important; padding-top:48px; padding-bottom:0}
body.blog .page-header-inner {max-width:1144px; padding:10px; text-align: center}
body.blog .page-header-inner h1 {font-family:"Roboto", Sans-serif; font-size:2.8rem; font-weight:700; line-height:3rem; margin-bottom:1rem}
body.blog .page-header-inner p {text-align:center; font-family:"Roboto", Sans-serif; font-size:1.4rem; font-weight:400; line-height:2rem}

#comments div.comment-reply-title {margin-bottom: 5px;clear: both;font-size: 20px;font-weight: 500;color: #1b1b1b}
.mnky-related-posts .related-post-container div {font-size: 15px;font-weight: 700;text-transform: none;margin-bottom:0;color: #1b1b1b}

blockquote {border-left:5px solid #ffda23}
blockquote p {font-weight:normal;padding:50px 80px}
@media only screen and (max-width: 767px) {blockquote p {padding:40px 20px 20px 20px} }
#sidebarquote p {font-size:20px;font-weight: 300;font-style: normal;color: #3e3e3e;text-align: right}

p:has(+ ul) {margin-bottom:0.5em}

.mp-title {font-family:"Montserrat",Arial,Helvetica,sans-serif}

@media only screen and (max-width: 767px) {#content .commercial {margin: 0 -5% !important} }

.single-layout .article-labels, .single-post .entry-header-overlay .article-labels {display:none}

p.inputcheck {font-size:1.1rem !important; display:inline-block; margin:0.7rem 0 0 0}
p.inputcheck img {padding: 0 0.5rem 0 0}

.vc_btn3.vc_btn3-color-orange {background-color:#ffda23 !important; color:#1b1b1b !important;font-family: 'Montserrat'; font-size: 18px; font-weight: 700; line-height: 22px; padding: 1rem 2rem}
.vc_btn3.vc_btn3-color-orange:hover {background:#1b1b1b !important; color:#fff !important}

/* EVENTS */
body.page-template-event_listing_template .mnky_breadcrumbs {display:none}
.events.type-events h1.entry-title {font-weight: 700;font-size: 48px;line-height: 1.2}
body.page-template-event_listing_template .page-header h1 {font-weight: 700;font-size: 48px;line-height: 1.2;margin: 2rem 0}
.page-template-event_listing_template .mp-inner-container {box-shadow: 0 3px 20px rgba(27,20,100,.16)}
.page-template-event_listing_template .mp-inner-container .content {padding: 0 2rem 1rem 2rem}
.event_label {position: absolute; top: 0; padding: .1em 2.5em; background:#ffda23; clip-path: polygon(100% calc(100% - 0px),100% 100%,calc(100% - 0px) calc(100% - 0px),0px calc(100% - 0px), 0 100%,0 calc(100% - 0px),999px calc(100% - 0px - 999px),calc(100% - 999px) calc(100% - 0px - 999px)); left: 0; transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg); transform-origin: 100% 100%}

/* TOC */
.list_contents {margin-top: 0 !important}
.page-sidebar .widget .list_contents ul li {border-bottom:unset; padding: 8px 0}
.post-header-widget-area .list_contents a:hover {color:#ffda23 !important}
.title_contents {font-weight: bold; font-size: 20px}
#post-header-sidebar #leftSidebar {display: none}
.page-sidebar a.link-h3 {margin-left:1rem}
@media screen and (max-width:980px) {#post-header-sidebar #leftSidebar {display: block} }

/* FOOTER */
#prefooter-newsletter {background-color:#F5F5F5; margin:3rem 0 0 0; padding:4rem 0; text-align: center}
#prefooter-newsletter h4 {font-family: "Roboto", Sans-serif; font-size:2.5rem; font-weight:400; line-height:1; margin-bottom:0}
#prefooter-newsletter a {text-decoration:underline}

footer .inner {max-width:1200px !important}
.site-footer .inner {display:flex; flex-direction: column}
.footer-sidebar .vc_row:first-child {margin-top: 0px}
@media (min-width: 768px) {.vc_col-sm-1,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,.vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9 {float:left} }
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9 {box-sizing: border-box; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative}
#custom_html-3 .custom-html-widget img {display:inline-block; padding:0 10px 0 0}
#custom_html-3 .custom-html-widget img:hover {filter: drop-shadow(5px 5px 5px gray)}
#custom_html-17.widget {margin-bottom:1rem}


/* Forms by Kit */
#heroform {max-width: 700px}
#interform p.inputcheck {display: block; text-align: center}
body.single-post #interform {background:#F5F5F5; padding: 1rem 0.5rem}
body.single-post #interform h2 {font-family:"Montserrat",Arial,Helvetica,sans-serif; font-weight:700; font-size:28px; text-align:center; margin:0 0.5rem 1.2rem 0.5rem}


/* Meta info with AI summary */
.entry-meta{display:grid; grid-template-columns:1fr auto; align-items:center; gap:1rem}
.author-name{display:flex; align-items:center; gap:0.75rem; min-width:0}
.authorimg{object-fit:cover; flex-shrink:0}
.author-info{display:flex; flex-direction:column; line-height:1.6}
.ai-summary{display:flex; align-items:center; gap:0.5rem; white-space:nowrap}
@media (max-width:940px){ .entry-meta{grid-template-columns:1fr; gap:0.75rem}
.ai-summary{justify-content:flex-start; flex-wrap:wrap} }