/*
Theme Name: GP Theme
Author: Creative Stream
Author URI: https://creativestream.co.uk
Theme URI: https://creativestream.co.uk
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: general-practice-theme
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.3
Version: 1.0.5

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Fix link opening issue in editor - to move to compiled stylesheet */
.editor-styles-wrapper a {
    pointer-events: none;
}

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*Loaded in the font styles in style.css, attempted to load them in admin in functions.php but couldn't get it to work*/
@font-face {
	font-family: 'Albert Sans';
	src: url('assets/fonts/Albert_Sans/static/AlbertSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Figtree';
	src: url('assets/fonts/Figtree/static/Figtree-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

/* START ninja forms changes */
.nf-form-content button.nf-add-fieldset, .nf-form-content button.nf-fu-fileinput-button, .nf-form-content input[type=button], .nf-form-content input[type=submit], #mc_embed_signup .button {
	background-color: var(--wp--preset--color--primary-500) !important;
	color: var(--wp--preset--color--primary-100) !important;
	border-radius: var(--wp--custom--border-radius--inner) !important;
	border-color: var(--wp--preset--color--primary-500)!important;
	border-style: none;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--button);
	font-weight: 700;
	line-height: inherit;
	padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20) !important;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	text-align: center;
	word-break: break-word;
	transition: all 300ms ease-in-out;

}
/*.nf-form-content button.nf-add-fieldset, .nf-form-content input[type=button], .nf-form-content input[type=submit] {*/
/*	padding-bottom:0.4rem;*/
/*	padding-top:0.7rem;*/
/*}*/
.nf-form-content button.nf-add-fieldset:hover, .nf-form-content button.nf-fu-fileinput-button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover, #mc_embed_signup .button:hover {
	background-color: var(--wp--preset--color--primary-600) !important;
}
/* saves button placement
.label-above .field-wrap.save-wrap { position: absolute!important; bottom:-66px; width:100%; text-align: center; }
*/
.nf-saves-cont { background:#F7F7F7; }
.nf-saves-cont table { width:100%; border-spacing: 0; font-size: 1rem; }
.nf-saves-cont table th, .nf-saves-cont table td { padding:6px; margin:0; }
.nf-saves-cont table th { text-align: left; }
.nf-saves-cont table td { border-top:1px solid #D6D6D6; }
.nf-saves-item a.load { font-size: 0.8rem; display: inline-block; color:var(--wp--preset--color--base)!important; background: var(--wp--preset--color--primary-500); border-radius: 3px; padding:3px 10px; text-transform: uppercase; font-weight: bold; border:2px solid var(--wp--preset--color--primary-500); }
.nf-saves-item a.load:hover { display: inline-block; color:var(--wp--preset--color--primary-500)!important; background: var(--wp--preset--color--base); text-decoration: none!important; }
.nf-saves-item.active { background:transparent; }
.nf-saves-item.active a.cancel { display:none!important; }
.nf-progress-container:before { content:"Application Progress"; top:-17px; position: absolute; font-size: 0.7rem; text-transform: uppercase; color: #787878; font-weight: bold; left:2px; }
.nf-progress-container { position: relative; height:20px!important; background:#EFEDED!important; margin:30px 0 20px!important; }
.nf-progress-container .nf-progress { height:20px!important; background:var(--wp--preset--color--primary-500)!important; }
.nf-form-content .save-wrap input.ninja-forms-field { height:auto; }
.nf-next-item, .nf-previous-item { z-index:1; position: relative; }
.nf-form-content .save-wrap input[type=button] { background: var(--wp--preset--color--primary-600) !important; border-color: var(--wp--preset--color--primary-600) !important; }
.nf-form-content .save-wrap input[type=button]:hover { background: var(--wp--preset--color--base) !important; color: var(--wp--preset--color--primary-600) !important; }
.nf-next-item input[type=button], .nf-previous-item input[type=button], .nf-form-content .save-wrap input.ninja-forms-field { padding-right: var(--wp--preset--spacing--20); padding-left: var(--wp--preset--spacing--20); }
.nf-multi-cell .nf-cell { padding: 0 10px 0 0!important; }

.nf-mp-header .nf-breadcrumbs { margin:20px 0 20px!important; position: relative; }
.nf-breadcrumbs:before { content:"Application Sections"; top:-14px; position: absolute; font-size: 0.7rem; text-transform: uppercase; color: #787878; font-weight: bold; left:2px; }
.nf-breadcrumbs li a { font-size: 0.9rem!important; color: var(--wp--preset--color--primary-500) !important; background: #EFEDED!important; border-radius: 3px; padding:3px 8px!important; border:2px solid var(--wp--preset--color--primary-500); margin-right:8px!important; margin-bottom:7px!important; }
.nf-breadcrumbs li a:hover { color: var(--wp--preset--color--primary-500) !important; background: var(--wp--preset--color--base) !important; text-decoration: none!important; }
.nf-breadcrumbs li.active a { background: var(--wp--preset--color--primary-500) !important; color: var(--wp--preset--color--base) !important; }
.nf-breadcrumbs li.active a:hover {  }
.nf-form-content .checkbox-container { padding-left:0; }
.html-wrap li { margin-top:4px!important; }
.nf-mp-header h3 { margin-bottom:10px!important; font-size: 150%; }
.list-checkbox-wrap .nf-field-element li input, .list-image-wrap .nf-field-element li input, .list-radio-wrap .nf-field-element li input { margin-top:.58em!important; }

.nf-repeater-fieldsets {  }
.nf-repeater-fieldsets fieldset { padding:10px 0; background:#EFEDED; margin-bottom:0!important; border-bottom:10px solid white; }
.nf-repeater-fieldsets fieldset:nth-of-type(even) { background:#f2e9ff; }
.nf-repeater-fieldsets fieldset legend { font-weight: bold; padding: 20px 16px 10px; background:#EFEDED; width:100%; display: block; }
.nf-repeater-fieldsets fieldset:nth-of-type(even) legend { background:#f2e9ff; }
.nf-repeater-fieldsets .nf-field-container { margin-bottom:0!important; }
.nf-form-content .nf-field-container.repeater-container .field-wrap { padding-top:0!important; }
.repeater-container .nf-field-description { margin-top: 0!important; margin-bottom: 1rem; }
.repeater-container .nf-field-description p { margin: 0!important; }
.note-btn-group button.note-btn { display: inline-flex!important; padding:4px!important; }
.note-btn-group .dropdown-style li { margin:0!important; }
.note-btn-group .dropdown-style li a { padding:2px 10px!important; font-size: 14px!important; }
.panel-heading.note-toolbar { padding-bottom:15px!important; }
.nf-form-content .note-table, .nf-form-content .note-tools { display:none!important; }
.note-customGroup .summernote-link { padding-left:10px; padding-right:10px; }
.note-customGroup .dropdown-menu { padding:0!important; }
.note-customGroup .dropdown-menu input[type=button].extra { font-size:16px!important; padding:3px 6px 0!important; margin:3px 0 6px!important; }
.note-editing-area p { margin:0 0 10px!important; }
button.nf-remove-fieldset { padding:8px 7px 4px!important; line-height: 1rem!important; margin-top:-3rem; margin-right:1rem; }

@media (min-width:768px) {
	.ninja-wrap li { float:left!important; width:49%!important; }
	.ninja-wrap-small li { width:24%!important; }
	.cs-left-50 { float:left!important; width:49%!important; }
	.cs-right-50 { float:right!important; width:49%!important; clear:none!important; }
	.cs-left-50 .field-wrap { padding-right:0!important; }
	.cs-right-50 .field-wrap { padding-left:0!important; }
}

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
	border: 1px solid #BBB!important;
	padding: 0.8rem 0.4rem 0.8rem 0.4rem!important;
}

/* END ninja forms changes */