/*
 * Site-specific overrides for the Love & Truth Vidor site. Most of these were carried
 * forward from the PageLines Platform plugin (since removed) so the site renders the
 * same without it; the rest restore the look the site had before the Bootstrap Fitness
 * 1.11.0 and Gravity Forms 3.x updates. Loaded last (see lt_site_styles() in
 * functions.php) so it wins over the theme stylesheet and Elementor post CSS.
 */

/* ---- Global typography & colors (was <style id="pl-custom-css">) ---- */
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	line-height: 1.4em;
	font-size: 18px;
	letter-spacing: normal;
	background: #fff;
	color: #000;
}
body ::selection {
	background: #efefef;
}
body ::-moz-selection {
	background: #efefef;
}
body a::selection {
	color: #000;
}
body a::-moz-selection {
	color: #000;
}
body a {
	color: #ea3131;
}
body a:hover {
	color: #000;
}
body h1,
body .hentry h1 {
	font-size: 24px;
	margin: 0.5em 0;
}
body h2,
body .hentry h2 {
	font-size: 20px;
	margin: 0.5em 0;
}
body h3 {
	font-size: 14px;
}
body h4 {
	font-size: 13px;
}
body h5 {
	font-size: 13px;
}
body strong,
body b {
	font-weight: 600;
}
body textarea,
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body .uneditable-input {
	background-color: transparent;
	border: 1px solid #efefef;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
	background: #ea3131;
	border: none;
	color: #fff;
}
input[type="image"] {
	border: none;
}

@media all and (max-width: 767px) {
	footer .widget {
		text-align: center;
	}
	h1.page-title,
	.entry-header .page-title {
		font-size: 1.6em;
	}
	article .entry-content {
		text-align: center;
	}
}

/* ---- Contact/Give map embed (was PL_Embed_Section "uvpsxzi") ---- */
.lt-map-embed {
	padding: 1rem;
}
.lt-map-embed .mapouter {
	position: relative;
	text-align: right;
	height: 500px;
	width: 600px;
}
.lt-map-embed .gmap_canvas {
	overflow: hidden;
	background: none !important;
	height: 500px;
	width: 600px;
}

/* ---- Homepage banner image (was PageLines' PL_Image_Section, which set
   height:50vw / width:174vw clamped to 100% of its 1rem-padded container) ---- */
.elementor-80 .lt-home-image img {
	width: 100%;
	height: 50vw;
}

/* ---- Content/sidebar column split. Theme 1.11.0 changed the layout classes to
   col-sm-8 / col-sm-4 (side by side from 576px, always 66/33). The site previously
   stacked below 992px, was 66/33 from 992px and 75/25 from 1200px; restore that. ---- */
@media (max-width: 991.98px) {
	.inside-page > .container > .row > .col-sm-8,
	.inside-page > .container > .row > .col-sm-4 {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.inside-page > .container > .row > .col-sm-8 {
		width: 75%;
	}
	.inside-page > .container > .row > .col-sm-4 {
		width: 25%;
	}
}

/* ---- Header layout. Theme 1.11.0 adds Bootstrap flex utilities (d-flex flex-column
   flex-md-row gap-4) to .header-wrapper, which override the theme's own two-column
   grid and stack the logo above the menu button on small screens. Restore the grid
   used before the update (logo cell + menu cell on one row at every width). ---- */
.header .header-wrapper.d-flex {
	display: grid !important;
	gap: 0 !important;
}

/* ---- Single-post meta row. Theme 1.11.0 markup adds Bootstrap utilities (mb-2,
   text-primary) and prints a Gravatar for the author. The site showed a gray
   Font Awesome user icon + name and a 15px gap under the row. ---- */
.single-post .info.mb-2 {
	margin-bottom: 15px !important;
}
.single-post .info a.url.fn.n {
	color: #aaa !important;
}
.single-post .info a.url.fn.n:hover {
	color: rgba(var(--secondary-color), 1) !important;
}
.single-post .info .author-image {
	display: none;
}
.single-post .info a.url.fn.n::before {
	content: "\f007";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

/* ---- Gravity Forms submit button. GF 3.x renders the submit control as a <button>
   instead of <input type="submit">, so the theme's input{height:45px} and Gravity
   Forms' own input[type=submit] rules (font-size:1em, right margin) no longer reach
   it. Reproduce the previous look: 45px tall red button, inherited site font. ---- */
.gform_wrapper .gform_footer button.gform_button,
.gform_wrapper .gform_page_footer button.gform_button {
	height: 45px;
	width: 100%;
	margin: 0 0 16px;
	font-family: inherit;
	font-size: 1em;
	background: #ea3131;
	border: none;
	color: #fff;
}
@media only screen and (min-width: 641px) {
	.gform_wrapper .gform_footer button.gform_button,
	.gform_wrapper .gform_page_footer button.gform_button {
		display: inline-block;
		width: auto;
		margin: 0 16px 0 0;
	}
}

/* ---- Body region. PageLines' JS added 10vw of top padding above the theme's own
   .inside-page padding (50px) on single posts, category archives and search results,
   and its stylesheet made <body> position:relative. ---- */
body {
	position: relative;
}
body.single-post .inside-page,
body.archive .inside-page,
body.search .inside-page {
	padding-top: calc(50px + 10vw);
}

/* ---- WordPress search form (404 and "nothing found" pages). PageLines' stylesheet
   carried these global, un-prefixed rules, which the core search markup picked up. ---- */
.search-field,
.search-submit {
	font-family: "Lato", Lato, "helvetica neue", helvetica, sans-serif;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.1);
}
.search-field {
	background: transparent;
	padding: 5px;
	margin: 0;
	cursor: default;
	transition: all 0.7s;
	box-sizing: border-box;
	width: 100%;
}
.search-submit {
	padding: 5px 7px;
	line-height: 1em;
	vertical-align: top;
}