/*
Theme Name: Dawson
Theme URI: https://wordpress.com/themes/dawson/
Description: Dawson is a WordPress portfolio theme specifically tailored for photography. With a two column layout, the theme is ideal for those looking to build a portfolio website. Additionally, Dawson offers five distinct style variations, providing a wide range of aesthetic options to choose from.
Version: 1.0.1
Author: Automattic
Author URI: https://automattic.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dawson
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--secondary);
}


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: .0625em !important;
	text-underline-offset: .15em;
}
body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit] {
/*     border-radius: 999px !important; */
	padding: 10px 40px !important;
	border-radius: 10px !important;
}

body .nf-form-content textarea, body .nf-form-content input {
	border-radius: 10px !important;
}

.nf-error .ninja-forms-field {
  	border-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--primary) !important;
  	transition: all .5s; !important;
}

body .nf-after-field .nf-error-msg, body .nf-form-errors .nf-error-msg {
	font-size: 1.25rem; !important; */
  	transition: all .5s; !important;
}

.nf-error.field-wrap .nf-field-element:after {
	top: 8px !important;
	background: transparent !important;
	color: #e80000 !important;
}

.nf-pass.field-wrap .nf-field-element:after {
	top: 8px !important;
}

@media only screen and (min-width: 1200px) {
	body .custom-header {
	  position: fixed; !important;
	}
}