/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/


:root {
	--custom-bg: #ffffff;
	--brand-purple: rgba(91,1,127,1);
	--brand-text-purple: rgba(91,1,127,1);
    --brand-white: rgba(255,255,255,1);
	--brand-black: rgba(0,0,0,1);
	--brand-ltgrey: rgba(241, 241, 241, 1);
	--brand-purple-outline: rgba(91,1,127,1);
	--brand-purple-outline-text: rgba(255,255,255,1);
	--svg-opacity: 0.25;
	--bs-nav-link-color: rgba(255,255,255,1)!important;
	--bs-nav-link-hover-color: rgba(91,1,127,1);
}

/** GLOBAL STYLES **/
* { font-family: "Raleway", sans-serif; }
a { text-decoration: none; }
.navbar-brand { max-width: 150px; }
.no-img-header { padding-top: 100px; }
.editor-visual-editor { background-color: var(--brand-white); }
body { background-color: var(--custom-bg); }
#masthead { transition: 0.3s all linear; }
.header-fade { background-color: var(--brand-black); }
.nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--brand-white); }
.nav-link:hover { color: rgba(146,0,204,1); }
.thick-purple-border { border-color: var(--brand-text-purple)!important; border-width: 3px!important; }
.dropdown-item.active, .dropdown-item:active { background-color: var(--brand-purple); }

/** COLOURS **/
.brand-purple { color: var(--brand-purple); }
.brand-black { color: var(--brand-black); }
.brand-white { color: var(--brand-white); }
.brand-ltgrey { color: var(--brand-ltgrey); }
.bg-brand-purple { background-color: var(--brand-purple); }
.bg-brand-black { background-color: var(--brand-black); }
.bg-brand-white { background-color: var(--brand-white); }
.bg-brand-ltgrey { background-color: var(--brand-ltgrey); }
.title-purple { color: var(--brand-text-purple); }
.brand-text-purple { color: var(--brand-text-purple); }

/** HEADER **/
.nav-link { text-transform: uppercase; font-weight: 600; }
/** FIX SO SUBNAV ITEMS SHOW ON HOVER **/
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{   }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }

/** BUTTONS **/
.btn { border-radius: 100px; font-size: 0.875rem; padding: 0.9375rem 1.625rem; font-weight: 600; letter-spacing: 2%; }
.btn-lg { min-width: 225px; }
.btn-purple { background-color: var(--brand-purple); color: var(--brand-white); transition: 0.1s all linear; }
.btn-purple:hover { background-color: var(--brand-white); color: var(--brand-purple); border: 1px solid var(--brand-purple); }
.btn-purple-outline { background-color: transparent; border: 1px solid var(--brand-purple-outline); color: var(--brand-purple-outline); transition: 0.1s all linear; }
.btn-purple-outline:hover { background-color: var(--brand-purple-outline); color: var(--brand-purple-outline-text); }
.btn-white { background-color: var(--brand-white); color: var(--brand-purple); transition: 0.1s all linear; }
.btn-white:hover { background-color: var(--brand-purple); color: var(--brand-white); }
.btn-white-outline { background-color: transparent; border: 1px solid var(--brand-white); color: var(--brand-white); transition: 0.1s all linear; }
.btn-white-outline:hover { background-color: var(--brand-purple); color: var(--brand-white); }

/** CARDS **/
.card-img-left { width: 100%; object-fit: cover; object-position: center; height: 300px; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.card-img-top { border-top-left-radius: inherit; border-top-right-radius: inherit; }
.card-footer { border-top: none; background-color: inherit; padding: 0 var(--bs-card-cap-padding-x) 1.25rem; }
.card-footer, .card-footer:last-child { border-radius: inherit; }
.card-no-bg { background-color: transparent!important; border: none; } 

/** CONTENT **/
.header-home { height: 75vh; }
.mbp-container { min-height: 750px; }
.mbp-img, .big-right-img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 710px; width: auto; max-width: none; }
.clinitech-container { min-height: 615px; }
.big-left-img-container { min-height: 750px; }
.clinitech-img, .big-left-img { position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 710px; width: auto; max-width: none; }
.big-left-img-nh { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: auto; max-width: none; }
.podcast-logo { width: 150px; }

/** FOOTER **/
footer { background-color: var(--brand-purple); color: var(--brand-white); }
footer a { color: #fff; text-decoration: none; }
footer a:hover { color: #fff; text-decoration: underline; }
.credits { color: var(--brand-white); }
.credits svg { fill: #ffffff; width: 40px; height: auto; vertical-align: text-top; margin: 3px 5px; }
.credits svg:hover { fill: #c41230; }

/** REVIEWS **/
#typingIndicator { position: absolute; bottom: 0; right:2%; height: auto; opacity: var(--svg-opacity); z-index: 0; }

/** BLOG **/
.blog-entry a, .blog-entry h1, .blog-entry h2, .blog-entry h3, .blog-entry h4, .blog-entry h5, .blog-entry h6 { color: var(--brand-text-purple); }
.blog-entry h1 { font-weight: bold; }
.blog-entry h2, .blog-entry h3 { font-size: 1.5rem; margin-bottom: 1rem; }
.blog-entry .blockquote { font-style: italic; padding: 1rem 2rem; }
a.page-link { color: var(--brand-text-purple); font-size: 0.8rem!important; border: none; background-color: transparent; }
a.page-link:hover { color: var(--brand-text-purple); background-color: var(--brand-white); }

/* Typing Indicator Animation */
@keyframes typing-dot {
	0%, 60%, 100% {
		transform: translateY(0);
		opacity: 0.4;
	}
	30% {
		transform: translateY(0px);
		opacity: 1;
	}
}
#left-dot { animation: typing-dot 1.4s infinite; animation-delay: 0s; transform-origin: center; }
#middle-dot { animation: typing-dot 1.4s infinite; animation-delay: 0.2s; transform-origin: center; }
#right-dot { animation: typing-dot 1.4s infinite; animation-delay: 0.4s; transform-origin: center; }
#left-dot, #middle-dot, #right-dot { will-change: transform, opacity; }

@media all and (max-width: 992px) {
	/** CARDS **/
	.card-img-left { width: 100%; object-fit: cover; object-position: center; height: auto; border-top-left-radius: inherit; border-bottom-left-radius: 0!important;  border-top-right-radius: inherit; }
}


@media all and (max-width: 768px) {
	/** GLOBAL **/
	.w-m-50 { width: 50%; }
	/** CONTENT **/
	.header-home { height: 75vh; }
	.mbp-container, .clinitech-container { min-height: auto; }
	.mbp-img, .clinitech-img { position: relative; top: auto; left: auto; transform: none; height: auto; width: 100%; max-width: none; }		
}