/*
Theme Name: ThankU Deals
Description: Recreation of the original thanku.deals one-page design (Bootstrap 3, navy #000089 and green #7cca00). The homepage stacks the About, Services, Pricing, FAQs and Contact pages as sections.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: bluegreen
*/

/* ---- Original thanku.deals styles ---- */

body {
	font: 400 15px 'Raleway', sans-serif;
	line-height: 1.8;
	color: #818181;
}
h2 {
	font-size: 36px;
	text-transform: uppercase;
	color: #303030;
	font-weight: 900;
	margin-bottom: 30px;
	font-family: 'Raleway', sans-serif;
}
h4 {
	font-size: 24px;
	line-height: 1.375em;
	color: #303030;
	font-weight: 400;
	margin-bottom: 30px;
	font-family: 'Raleway', sans-serif;
}
a { color: #000089; }
a:hover, a:focus { color: #7cca00; }

.jumbotron {
	position: relative;
	overflow: hidden;
	background: rgb(0, 0, 137);
	color: #fff;
	padding: 100px 25px;
	margin-bottom: 0;
	font-family: Montserrat, sans-serif;
}
.jumbotron video {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .25;
}
.jumbotron .container {
	z-index: 2;
	position: relative;
	text-align: center;
}
.jumbotron h1 { color: #fff; }
.jumbotron .hero-logo { max-width: 100%; height: 250px; width: auto; }

.container-fluid { padding: 60px 50px; }
.bg-grey { background-color: #f6f6f6; }
.bg-cyan { background-color: lightcyan; }

.logo-small { font-size: 75px; }
.logo { color: #7cca00; font-size: 200px; }

.panel {
	border: 1px solid #7cca00;
	border-radius: 0 !important;
	transition: box-shadow .5s;
}
.panel:hover { box-shadow: 5px 0 40px rgba(0, 0, 0, .2); }
.panel-footer .btn:hover {
	border: 1px solid #7cca00;
	background-color: #fff !important;
	color: #7cca00;
}
.panel-heading {
	color: #fff !important;
	background: rgb(0, 0, 137);
	background: linear-gradient(0deg, rgba(0, 0, 137, 1) 0%, rgba(124, 202, 0, 1) 100%);
	padding: 25px;
	border-bottom: 1px solid transparent;
	border-radius: 0;
}
.panel-heading h1 { color: #fff; }
.panel-footer { background-color: #fff !important; }
.panel-footer h3 { font-size: 32px; }
.panel-footer h4 { color: #aaa; font-size: 14px; }
.panel-footer .btn {
	margin: 15px 0;
	background-color: #7cca00;
	color: #fff;
}

.navbar {
	margin-bottom: 0;
	background-color: #000089;
	z-index: 9999;
	border: 0;
	font-size: 12px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 4px;
	border-radius: 0;
	font-family: Montserrat, sans-serif;
}
.navbar li a, .navbar .navbar-brand { color: #fff !important; }
.navbar-nav li a:hover,
.navbar-nav li.active a {
	color: #fff !important;
	background-color: #7cca00 !important;
}
.navbar-default .navbar-toggle { border-color: transparent; color: #fff !important; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #7cca00; }
.navbar-brand img { height: 91px; width: auto; }
.navbar-brand .site-name { font-size: 22px; letter-spacing: 2px; }

footer .glyphicon { font-size: 20px; margin-bottom: 20px; color: #7cca00; }

.slideanim { visibility: hidden; }
.slide {
	animation-name: slide;
	animation-duration: 1s;
	visibility: visible;
}
@keyframes slide {
	0% { opacity: 0; transform: translateY(70%); }
	100% { opacity: 1; transform: translateY(0%); }
}

#services p { text-align: left; padding-bottom: 10px; }
#services .service-summary { text-align: left; }
#services p.text-center { text-align: center; }

#accordion .panel-heading {
	color: #fff !important;
	background: #000089 !important;
	padding: 4px 22px 5px;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	font-size: 24px;
}
#accordion .panel-title { font-size: 24px; }
#accordion .panel-title a { color: #fff; display: block; text-decoration: none; }
#accordion .panel-title p { margin: 0; padding: 6px 0; }
#accordion .panel-body { font-size: 18px; }

@media screen and (max-width: 768px) {
	.col-sm-4 { text-align: center; margin: 25px 0; }
	.btn-lg { width: 100%; margin-bottom: 35px; }
}
@media screen and (max-width: 480px) {
	.logo { font-size: 150px; }
}

/* ---- WordPress additions ---- */

/* Clear the fixed navbar on every page except the homepage, where the hero sits under it. */
body:not(.home) .site-content { padding-top: 91px; }
.admin-bar .navbar-fixed-top { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .navbar-fixed-top { top: 46px; }
}
html { scroll-padding-top: 70px; }

.btn-thanku-blue,
.btn-thanku-green { font-size: 16px; color: #fff !important; border: 1px solid transparent; }
.btn-thanku-blue { background: #000089; }
.btn-thanku-green { background: #7cca00; }
.btn-thanku-blue:hover,
.btn-thanku-green:hover { background: #fff; border-color: currentColor; }
.btn-thanku-blue:hover { color: #000089 !important; }
.btn-thanku-green:hover { color: #7cca00 !important; }

.covid-list { font-size: 20px; }

.services-grid { display: flex; flex-wrap: wrap; }
.services-grid > [class*="col-"] { float: none; }

#pricing, #faqs { padding: 0; }
#pricing .pricing-intro, #faqs h2 { padding-top: 40px; }
#pricing .row { margin: 0; }

.page-body { padding: 60px 50px; }
.page-body .entry-title { margin-top: 0; }
.service-detail { text-align: center; }
.service-detail h1.h4 { font-size: 24px; color: #303030; }
.service-detail .service-content { text-align: left; max-width: 900px; margin: 0 auto; }
.service-detail ul, .service-detail ol { text-align: left; }

.profit-calc { margin-top: 20px; }
.profit-calc select { display: inline-block; width: auto; margin: 0 6px; }
.profit-calc table { width: 75%; border: 5px solid green; margin-top: 20px; }
.profit-calc .totalrow td { font-weight: 700; color: #303030; }
@media screen and (max-width: 768px) {
	.profit-calc table { width: 100%; }
}

.contact-notice { margin-bottom: 15px; }
.hp-field { position: absolute !important; left: -9999px; }

.site-footer {
	background-color: #000;
	color: #818181;
	padding: 32px 50px 20px;
	overflow: hidden;
}
.site-footer a { color: #7cca00; }

.post-card { border: 1px solid #7cca00; padding: 20px; margin-bottom: 30px; background: #fff; }
.post-card h2, .post-card h3 { font-size: 22px; margin: 0 0 8px; text-transform: none; }
.entry-meta { color: #999; font-size: 13px; margin-bottom: 10px; }
.pagination .page-numbers { display: inline-block; padding: 4px 10px; border: 1px solid #ddd; margin-right: 4px; }
.pagination .current { background: #000089; color: #fff; border-color: #000089; }

.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.aligncenter { display: block; margin: 0 auto 20px; }
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
	clip: auto;
	width: auto;
	height: auto;
	z-index: 100000;
	background: #fff;
	padding: 10px;
}

@media (prefers-reduced-motion: reduce) {
	.slideanim { visibility: visible; }
	.slide { animation: none; }
}