/*
Theme Name: The Compliance Association
Author: Campaigns LTD
Author URI: https://campaigns.ltd/
Description: Custom Theme for The Compliance Association
Version: 1.0
Text Domain: tca
Tested upto: 6.2

107,126,138
*/

:root {
	--lora: "Lora", serif;
	--ubuntu: "Ubuntu", sans-serif;

/* Colors */

	--main-color: #002137;
	--secondary-color: #97CFF3;
	--accent-color: #6B7E8A;
	--blue:#1F9DD2;
	--text: #2A2A2A;
	--gray: #D0D4DB;
	--off-white: #FAF6F0;
	--opaque: rgba(254,254,254,0.8);
	--shadow:0px 5px 15px -7px rgba(0,0,0,0.75);
	--shadow-small:0px 2px 6px -1px rgba(0,0,0,0.75);
}

body{font-size:16px;line-height:140%;font-family:var(--lora);}
a {color:var(--main-color);transition: all 0.5s;}
* a:hover {color:var(--blue);}
a.plain, a.plain:hover {text-decoration:none;}
/* UTILITIES */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-weight:500;font-family:var(--ubuntu);}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {line-height:130%;margin-bottom: .7rem;font-weight:bold;}
.bg-main-color {background:var(--main-color);}
.bg-secondary-color {background:var(--secondary-color);}
.bg-accent {background:var(--accent-color);}
.bg-gray {background:var(--gray);}
.bg-off-white {background:var(--off-white);}
.text-main {color:var(--main-color);}
.text-secondary {color:var(--secondary-color);}
.shadow-min {box-shadow:var(--shadow-small);}
.shadow-max {box-shadow:var(--shadow);}


/* For Screens */
@media (min-width: 1024px) {
	#header-strip .logo, .navbar-toggler {display: none;}
	#header {background:white;box-shadow:var(--shadow);}
	#header .nav-link {font-family:var(--ubuntu);font-size:18px;font-weight:500;color:black;}
	#header .nav-link:hover, #header .nav-link.active {background:var(--gray);}
	#header .dropdown-menu {min-width:220px;}
	.navbar, .navbar-brand {justify-content: end;}
	.navbar, .navbar-brand {padding: 5px;display: flex}
}

/* Default Styles */
#category-banner .banner-wrapper, #banner-tall .banner-wrapper {background-position: 480px center;background-size:920px;background-image:url('img/default-banner-category.jpg');}
#banner-tall .banner-wrapper {background-size:860px;}
#banner-tall .banner-wrapper {background-position: 540px;}
#banner-tall .banner-title {min-height:450px;flex-direction:column;align-items:start;}
#banner-tall .banner-title .title {font-size:48px;letter-spacing:0px;font-weight:700;}
.banner-links {font-family:var(--ubuntu);font-size:22px;line-height:140%;margin-bottom:8px;font-weight:600;}
.banner-links a {text-decoration:none;}
#post-archive {padding:40px 0px;}
.banner-wrapper {background: url('img/default-banner.jpg') no-repeat center center white;background-size:cover;width:1400px;margin:0px auto;}
.banner-title {min-height:350px;display:flex;align-items:center;justify-content:center;}
.banner-title .title, #contact-page-heading .title {font-size:52px;font-weight:700;letter-spacing:4px;text-shadow: 1px 1px 3px #fff;}
.page-content {margin:24px 0px;}
.entry-content {font-size:18px;line-height:140%;}
.title {font-size:36px;line-height:130%;font-weight:600;font-family:var(--ubuntu);color:var(--main-color);}
.page-content {}
.post-image {position:relative;overflow:hidden;border-radius:16px;box-shadow: var(--shadow-small);margin-bottom:16px;}
.post-image .events-meta {position: absolute;width: 100%;left: 0px;bottom: 0px;background: rgba(151,207,243,0.7);display: flex;padding: 10px;font-weight: bold;font-family: var(--ubuntu);gap: 16px;color:var(--main-color);justify-content: space-between;}
.post-image .events-meta i {color:var(--main-color);}
.post-title, .heading, .section-title {font-size:32px;line-height:140%;font-family:var(--ubuntu);font-weight:600;color:black;margin-bottom:24px;}
.section-title {font-size:42px;line-height:130%;text-align:center;}
.entry-image:hover {scale:1.03;transition: all 0.5s}
.featured-image {width:100%;}
.page-nav ul{display:flex;align-items:center;justify-content:center;list-style:none;font-family:var(--ubuntu);}
.page-nav li.active a{font-weight:bold;}
.page-nav a {text-decoration:none;color:var(--main-color);padding:6px;margin:6px;}
.page-nav a:hover{color:var(--blue);}

/* Header Styles */
#header-strip {background:var(--main-color);padding:8px;}
#header-strip h1.site-title {color: white;font-size: 30px;font-weight: 500;text-align: center;margin: 0px;padding-right: 20px;}
#header-strip .phone-number a {color: white;font-family:var(--ubuntu);font-size:20px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content: end;}
#header-strip .phone-number a .fa-solid {color: var(--secondary-color);font-size: 26px;padding-right: 10px;}
#header-strip .phone-number a:hover {color:var(--secondary-color);}
.site-logo {max-width:100px;padding:0px 6px;max-width: 100px;margin: 0px 12px;}
.socmed-links {display:flex;gap:24px;}
.socmed-links a {color:var(--secondary-color);font-size: 36px;text-decoration: none;}
.socmed-links a:hover {color:white;}
#header .membership-buttons {display:flex;justify-content: end; gap:24px;}

/* Homepage Styles */

#homepage-banner {background: #97CFF2;background: linear-gradient(90deg, rgba(151, 207, 242, 1) 50%, rgba(224, 235, 247, 1) 100%);}
#homepage-banner .row {min-height:500px;}
.banner-background {background:url('img/staff.png') no-repeat bottom right;background-size:440px;}
#homepage-banner .banner-content {height: 100%;display: flex;flex-direction: column;justify-content: center;font-family:var(--ubuntu);}
#homepage-banner .header-buttons {display:flex;flex-direction:column;gap:16px;}
.main-heading, .sub-heading {line-height:100%;margin-bottom:16px;}
.banner-description {max-width:370px;font-size:22px;line-height:140%;margin-bottom:16px;font-weight:500;}
#homepage-content {padding:60px 0px;}
.heading.spacer {border-bottom:4px solid var(--secondary-color);margin-bottom:16px;padding-bottom:8px;}
.portrait-image.featured-image {width:420px; height:560px; object-fit:cover;}
#homepage-archive {background:url('img/background-satin.jpg') no-repeat center center;background-size:cover;color:white;}
.homepage-archive-wrapper {background:rgba(107,126,138,0.75);padding:60px 0px 20px;}
#homepage-archive .heading {font-size:46px;text-align:center;color:white;font-weight:700;}
#homepage-archive a.title, #homepage-archive .events-meta i{color:white;}
#homepage-archive a.title:hover {color:black;}
#homepage-testimonial {padding:60px 0px;}
#homepage-testimonial .slide-indicators.carousel-indicators {position: relative;}
#homepage-testimonial .testimonial-item {padding: 0px 12% 24px;}
.testimonial-body {font-size:18px;line-height:150%;text-align:center;}
.testimonial-name {font-size:20px;line-height:150%;font-weight:bold;font-family:var(--ubuntu);font-weight:700;text-align:right;}
.slide-indicators.carousel-indicators [data-bs-target] {text-indent:0px;}
.carousel-control-prev,.carousel-control-next {color:var(--main-color);text-decoration:none;font-size:26px;}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {color:var(--main-color);}

/* Contact Page Styles */

#contact-page-heading {padding:60px 0px;}
#contact-page-form {padding:24px 0px;}
.site-info {margin:24px 0px;font-family:var(--ubuntu);}
.site-meta {display:flex;gap:8px;}
.site-details {font-size:18px;margin-bottom:16px;}
.site-details .h5 {font-weight:700;color:var(--main-color);margin-bottom:0px;}
.site-meta a {text-decoration:none;}
.icon i {display: flex;height: 40px;width: 40px;justify-content: center;align-items: center;background: var(--secondary-color);border-radius: 50%;font-size: 22px;color: white;}
#form-wrapper {background:#CFECFF;font-family:var(--ubuntu);border-radius:16px;padding:20px;}
#form-wrapper .forminator-row {margin-bottom:10px;}
#form-wrapper .forminator-row-last .forminator-field {flex-direction:row;}
#form-wrapper .btn-tca {font-size: 20px;padding: 6px 30px;letter-spacing: 1px;}

/* Breadcrumbs Styles */
#breadcrumbs-wrapper {display:flex;gap:10px;justify-content:start;align-items:center;font-size:16px;line-height:130%;font-family:var(--ubuntu);padding:10px 0px;}
#breadcrumbs-wrapper .fas {color:var(--main-color);}
#breadcrumbs-wrapper p {margin-bottom:0px;}
#breadcrumbs-wrapper a {color:var(--main-color);text-decoration:none;font-weight:500;}
#breadcrumbs-wrapper a:hover{color:var(--accent-color);}

/* Membersip Page Template Styles */

#membership-page {padding:60px 0px;}
.step-process, .cta-section, .faq-section, .benefits-section {padding-bottom:40px;}
#membership-process, #faq-wrapper {background:var(--main-color);padding:40px 40px 60px;border-radius:16px;}
#membership-page .entry-content {margin-bottom:24px;}

#membership-process .heading {color:white;margin-bottom:40px;}
.step {background:var(--secondary-color);padding:40px;border-radius:16px;text-align:center;font-family:var(--ubuntu);}
.step-heading {font-size:24px;margin-bottom:16px;font-weight:700;color:white;line-height:150%;text-shadow:1px 1px 3px var(--main-color);}
.step-content {font-size:20px;color:var(--mian-color);line-height:150%;}
.cta-section .cta-button {margin:16px 0px;}
.cta-section .btn-tca {font-size: 20px;padding: 12px 25px;letter-spacing: 1px;color:white;}
#member-faq-section, #member-benefits {background: var(--secondary-color);padding: 40px;border-radius: 16px;}
.accordion-item {border:none;background-color: var(--secondary-color);margin-bottom:16px;}
.accordion-button {font-size:28px;line-height:140%;font-weight:700;color:var(--main-color);padding:16px 32px;}
.accordion-button, .accordion-button:focus, .accordion-button:not(.collapsed) {border:none;box-shadow:none;background:none;color:var(--main-color);}
.accordion-button:hover{color:var(--accent-color);}
.accordion-body{font-size: 18px;line-height: 150%;padding:25px 40px 16px;border-bottom: 1px solid var(--accent-color);}
.accordion-item:last-child .accordion-body {border:none;}
.benefits-item {margin-bottom:24px;}
.benefits-item:last-child {margin-bottom:0px;}
.benefits-header {font-weight:bold;display:flex;align-items:center;}
.benefits-header .fa-solid {color:#00BF63;font-size:42px;padding-right:16px;}
.benefits-content {font-size:18px;line-height:150%;padding-left:60px ;color:white;}

/* Recognition Styles */

#recognition-page {padding:60px 0px;}
#recognition-page .title {margin-bottom:24px;font-size:26px;font-weight:700;min-height: 70px;}
#recognition-page .entry-content li {margin-bottom:16px;}
.compliance-content {padding-top:60px;}
#certified-compliance, #certified-professional-compliance {scroll-margin-top:100px;}

/* Archive Styles */

.events-item, .news-item {font-family:var(--ubuntu);margin-bottom:40px;}
.archive-image {position:relative;margin-bottom:24px;}
.archive-image .events-date {position:absolute;bottom:-10px;right:20px;background:var(--main-color);color:var(--secondary-color);text-decoration:none;padding:4px 12px;border-radius:4px;}
.archive-content {padding:0px 12px;}
.archive-content .title{font-size:24px;line-height:130%;font-weight:500;color:black;display:block;text-decoration:none;margin-bottom:8px;}
.events-archive .title {font-size:20px;}
a.title:hover {color:var(--blue);}
.entry-image {border-radius:12px;width:100%;}
.events-meta i {color:var(--secondary-color);}
.news-meta {font-size:18px;margin-bottom:16px;}


/* Single Page Styles */


/* Accounts pages */

#registration, #login-page {padding:60px 0px;}
#accounts-form {padding:40px;font-family:var(--ubuntu);background:var(--off-white);border-radius:16px;box-shadow:var(--shadow);}
#accounts-form .forminator-row-last .forminator-field{flex-direction:row;}
#accounts-form .forminator-row-last {margin-bottom: 0px;}

/* Button Styles */

.btn {font-family:var(--ubuntu);font-weight:600;transition: all 0.5s;}
.btn i {padding-right:5px;}
.btn-tca {background:var(--main-color);color:var(--secondary-color);}
.btn-tca:hover {background:var(--secondary-color);color:var(--main-color);}
.banner-content .btn-tca {border:2px solid var(--main-color);font-size:20px;}
.banner-content .btn-tca:hover {color:var(--main-color);}

/* CTA Form */

#main-cta {padding:40px 0px;font-family:var(--ubuntu);}
#main-form {padding:20px 0px;}
#main-form form {display:flex;align-items:center;flex-wrap: wrap;}
#main-cta .forminator-row {width:40%;padding-right:80px;}
#main-cta .forminator-row.forminator-row-last {width:20%;padding-right:0px;}
#main-cta .forminator-col {margin-bottom: 12px;}
#main-cta .forminator-field, #form-wrapper .forminator-field, #accounts-form .forminator-field{display:flex;flex-direction:column;}
#main-cta .btn-tca, #accounts-form .btn-tca{font-size:22px;padding:12px 24px;}
#main-cta .forminator-input, #main-cta .forminator-textarea, 
#accounts-form .forminator-input, #accounts-form .forminator-textarea, #accounts-form .forminator-select2,
#form-wrapper .forminator-input, #form-wrapper  .forminator-textarea {border:1px solid var(--gray);background:var(--gray);color:var(--main-color);min-height:40px;border-radius:6px;padding:0px 10px;}
#main-cta .forminator-textarea, #form-wrapper .forminator-textarea {padding:8px;}
#main-cta .forminator-label, #form-wrapper .forminator-label  {padding-bottom: 5px;font-size: 18px;}
.forminator-response-message {flex: 1 0 100%;padding: 24px;border: 1px solid var(--secondary-color);margin-bottom: 16px;background: var(--main-color);color: var(--secondary-color);border-radius: 8px;display:none;}
.forminator-error-message, .forminator-required {color:red;}
.forminator-checkbox input[type=checkbox] {margin-right: 8px;}

/* Sidebar Styles */
#sidebar {padding:24px;}

/* Footer Styles */

#main-footer {background:var(--main-color);color:white;font-family:var(--ubuntu);padding-top:60px;}
#main-footer .widget-title {font-size:22px;line-height:140%;font-weight:bold;padding-bottom:16px;}
#main-footer .widget-entry {font-size:18px;line-height:140%;padding:0px 15px 24px;}
#main-footer a {color:white;text-decoration:none;}
#main-footer i.fa-solid {padding-right:5px;}
#quick-links {list-style:none;padding:0px;margin:0px;columns: 2;-webkit-columns: 2;-moz-columns: 2;}
#quick-links a {font-size:18px;line-height:140%;padding-bottom:8px;}
#bottom-footer .container {border-top:1px solid var(--secondary-color);padding:20px;margin-top:20px;}
#footer-menu {list-style:none;padding:0px;margin:0px;display:flex;justify-content:end;}
#footer-menu a {font-size:16px;line-height:140%;padding:0px 12px;}
#footer-menu li {border-left: 1px solid white;}
#footer-menu li:first-child {border:0px;}
#main-footer .socmed-links a {color:white;}
#main-footer .socmed-links a:hover, #main-footer a:hover {color:var(--secondary-color);}

/* LEARN PRESS STYLING */

.learnpress {font-family:var(--ubuntu);}
#main-content .lp-archive-courses .course-detail-info .course-title,
#main-content .lp-archive-courses .course-detail-info,
#main-content .lp-archive-courses .course-meta__pull-left .meta-item__value > div a {color:var(--main-color);}

#main-content .learn-press-courses .course-content .course-readmore a {color: var(--main-color);border: 2px solid var(--main-color);font-weight:700;}
#main-content .learn-press-courses .course-content .course-readmore a:hover {color: white;backgroud-color: var(--main-color);border: 2px solid var(--main-color);font-weight:700;}
#main-content .lp-button.button-enroll-course,
#main-content .lp-button.course-btn-continue {color: white;background-color: var(--main-color);font-weight:700;font-size:18px;}
#main-content .lp-button.button-enroll-course:hover,
#main-content .lp-button.course-btn-continue:hover {background-color: var(--secondary-color);color:var(--main-color);}

/*

#main-content .course-summary-sidebar .lp-course-buttons button {color: white;backgroud-color: var(--main-color);font-weight:700;font-size:18px;}
#main-content .course-summary-sidebar .lp-course-buttons button:hover

#main-content .lp-button.button-enroll-course,
#main-content .lp-button.course-btn-continue {color: white;backgroud-color: var(--main-color);font-weight:700;font-size:18px;}
#main-content .lp-button.button-enroll-course:hover,
#main-content .lp-button.course-btn-continue:hover {backgroud-color: var(--secondary-color);color:var(--main-color);}
*/



/* medium and up screens */



@media (min-width: 769px) {

}

/* ################# Global Mobile Styling ################# */

@media (max-width: 768px) {
	#header .membership-buttons {width: 100%;justify-content: center;}
	#header .navbar-brand, .mobile-hide {display:none;}
	#header-strip .logo {padding: 0px 40px;display: flex;justify-content: center;align-items: center;}
	.navbar-toggler {background:var(--secondary-color);padding:6px;width:100%;font-size:22px;}
	.navbar-nav>.nav-item {margin: 4px;padding: 0px 10px;font-family: var(--ubuntu);font-weight: bold;font-size: 18px;}
	.navbar-collapse.show {margin-bottom: 16px;border-bottom: 2px solid var(--accent-color);}
	#homepage-banner .row {min-height: unset;}
	#homepage-banner .banner-content {padding:30px;}
	.banner-wrapper{width:100%;}
	.banner-background {background-size: 250px;background-position: 240px bottom;}
	.portrait-image.featured-image {width: 100%;height: 230px;}
	#banner-tall .banner-wrapper {background-position:center center;}
	#banner-tall .banner-title {min-height: 120px;padding: 15px;background: var(--opaque);margin: 20px;border-radius: 10px;}
	.banner-title {min-height:120px;}
	#banner-tall .banner-title .title {font-size:32px;}
	
	#homepage-content, .homepage-archive-wrapper, #main-cta, #main-footer,#membership-page, #post-archive, #recognition-page {padding:30px 15px;}
	#main-cta .forminator-row,#main-cta .forminator-row.forminator-row-last {padding:0px;width:100%;}
	#category-banner .banner-wrapper {background-position:unset;background-size:cover;}
	#category-banner .banner-title {justify-content:center;}
	.section-title {font-size: 26px;line-height: 120%}
	.title {font-size:24px;}
	.step-process, .cta-section, .faq-section, .benefits-section {padding-bottom:0px;}
	#membership-process, #faq-wrapper, .step, #member-faq-section, #member-benefits{padding:24px;margin-bottom:16px;}
	.benefits-header {font-weight: bold;display: flex;align-items: center;font-size: 20px;margin-left: -10px;}
	.benefits-header .fa-solid {font-size: 24px;padding-right: 8px;}
	.step-heading {font-size: 22px;line-height: 130%;}
	.benefits-content {padding:0px;}
	.accordion-button {font-size:22px;padding:6px 0px;}
	.accordion-body {padding:6px 0px;}
	#membership-process .heading {margin-bottom:16px;}
	.post-title, .heading, .section-title {font-size:24px;}
	.footer-widget {margin-bottom:16px;}
	.footer-copy {text-align:center;}
	#footer-menu {justify-content:center;}
}