/*
Theme Name: Lothian NHS
Theme URI: https://whoisandywhite.com;
Author: whois: Andy White
Author URI: https://whoisandywhite.com;
Description: 
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lothian

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


:root {
	--general-primary: var(--bs-violet);
	--general-primary-text: var(--bs-white);
	--general-secondary: var(--bs-purple);
	--general-secondary-text: var(--bs-white);
	
	--btn-primary-bg: var( --bs-violet);
	--btn-primary-bg-hover: var( --bs-purple);
	--btn-primary-text: var( --bs-white);
	--btn-primary-text-hover: var( --bs-white);
	
	--btn-secondary-bg: var( --bs-yellow);
	--btn-secondary-bg-hover: var( --bs-violet);
	--btn-secondary-text: var( --bs-violet);
	--btn-secondary-text-hover: var( --bs-white);

	--modal-bg-primary: var(--bs-purple);
	--modal-bg-secondary: var(--bs-violet);

	--hero-bg-primary: var(--bs-violet);
	--hero-text-color: var(--bs-white);
	--hero-slick-color:  var( --bs-violet);
	--hero-bg-secondary: var(--bs-purple);

	--standard-cta-bg-start: var( --bs-violet);
	--standard-cta-bg-end: var( --bs-purple);
	--standard-cta-text: var( --bs-white);


	--cta-small-bg-start: var( --bs-violet);
	--cta-small-bg-end: var( --bs-purple);
	--cta-small-text: var( --bs-white);

	--wide-cta-bg: var( --bs-purple);
	--wide-cta-text: var( --bs-white);


	--gallery-bg-start: var( --bs-violet);
	--gallery-bg-end: var( --bs-purple);
	--gallery-text: var( --bs-white);
}

@media (min-width: 992px) {
	#dd-wrapper {
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	#dd-wrapper::before {
		display: none;
	}
	.navbar #dd-wrapper.teal::before,
	.navbar #dd-wrapper.purple::before,
	.navbar #dd-wrapper.violet::before{
		background-color: unset;
	}

	#dd-wrapper #dd-target {
		min-height: 100%;
		background-color: #fff;
	}

	#dd-wrapper.teal{
		background-color: rgb(233, 250, 245);
	}

	#dd-wrapper.teal .container,
	#dd-wrapper.teal #dd-target {
		background-color: rgb(233, 250, 245);
	}

	#dd-wrapper.purple{
		background-color: rgb(246, 237, 252);
	}
	
	#dd-wrapper.purple .container,
	#dd-wrapper.purple #dd-target {
		background-color: rgb(246, 237, 252);
	}

	#dd-wrapper.violet{
		background-color: rgb(238, 235, 248);
	}

	#dd-wrapper.violet .container,
	#dd-wrapper.violet #dd-target {
		background-color: rgb(238, 235, 248);
	}
}

.post-selection .selected-posts .slick-arrow {
  color: #543bb5 !important;
}

a[target="_blank"]:not(.no-external-icon, .ctf-header-link, .social-media-icons__link, .portal-box-link)::after,
.main-content .lothian__block .lothian__block-content .gform_wrapper .gfield .gfield_checkbox .gchoice label::before, 
.main-content .lothian__block .lothian__block-content .gform_wrapper .gfield .gfield_radio .gchoice label::before {
  font-family: "Font Awesome 6 Free" !important;
}

.site-footer__base--two .social-icons {
	padding-left: 0;
  	margin-bottom: 25px;
  	line-height: 1;
}
.site-footer__base--two .social-icons li {
	display: inline;
  	list-style-type: none;
  	margin-right: 1rem;
}
.site-footer__base--two .social-icons a {
  	text-decoration: none;
  	font-size: 1.5rem;
}

.donateMobile {
	display: none;
}
.donateMobile .btn-search-circle{
	position: relative;
	display: none;
	border-radius: 100%;
	background-color: var(--btn-secondary-bg);
	color: var(--btn-secondary-text);
	width: 2.675rem;
	height: 2.675rem;
	font-size: 1.375rem;
	transition: all .3s linear;
	margin-right: 1rem;
}
.donateMobile .btn-search-circle .fa.fa-search {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media (max-width: 992px){
	.navbar-menus__tools {
		display: none;
	}
	.donateMobile {
		display: flex;
		position: absolute;
    	top: .6rem;
    	right: 4rem;
	}
	.donateMobile .btn-search-circle{
		display: block;
	}
}
@media (max-width: 450px) {
	.donateMobile {
		display: flex;
		position: absolute;
    	top: .75rem;
    	right: 3.5rem;
	}
	.donateMobile .btn-secondary{
		font-size: .8rem;
  		padding-left: 15px;
  		padding-right: 15px;
	}
	.donateMobile .btn-search-circle {
  		margin-right: 3px;
		width: 2.3rem;
  		height: 2.3rem;
  		font-size: 1rem;
	}
}