/*
Theme Name: Twentysixteen Child Theme
Description: A child of the "Tweentysixteen" Theme
Theme URI:
Author: Bryan Moulton (Parent theme: Twentysixteen )
Author URI:
Description:  A child of the Twentysixteen theme.
Template: twentysixteen
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/******************************************************************************************************************
******************************************************************************************************************

            COLORS

******************************************************************************************************************
******************************************************************************************************************/
:root {
  --primary-color: #7eae7c;
    /* --primary-color: #5E81AC; */
    --primary-color-dark:#949e94;
    /* --primary-color-dark:#416d41; */
    --primary-color-light:#c6dbc5;
    --primary-color-very-light: #ddeadd;
    --primary-color-ghost: #f4f8f4;

    /* --secondary-color: #DBAE58; */
    --secondary-color: #7eae7c;
    
  --accent-color: #61324c;
  --accent-color-light: #ad7b97;
    --accent-color-ghost:#f8f4f8;
    
    --disabled-color: #f4f4f4;
    /* --text-color:#686868; */
    --text-color:#454545;
     --text-color-dark: #1a1a1a;
    --button-border: #c5c5c5;
    --button-background: #f6f6f6;
  --text-for-primary-color-background: #fefefe;
}


.site-branding rect,
.site-branding text,
.site-branding ellipse {
    fill:var(--primary-color);
}

/*************************************
	General elements
**************************************/

html {
    font-size: 16px;
}

body {
    margin: 0;
    /* Body font size 16px */
    font-size: 1.6rem;
    background:#fff;
  }

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: all 0.2s;
  }

a:hover,
a:focus {
color: var(--accent-color);
text-decoration: none;
}

hr {
    margin:0 0 5px 0;
}

label {
    font-weight:normal;
}


textarea:disabled,
input:not([type]):disabled,
input[type="color"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"]:disabled {
   background-color: var(--disabled-color);
}

input:not([type="radio"]):not([type="checkbox"]):focus,
textarea:focus {
    outline: 0;
    box-shadow: 0 0 20px var(--primary-color-dark);
}


button, 
button[disabled]:hover, 
button[disabled]:focus, 
input[type="button"], 
input[type="button"][disabled]:hover, 
input[type="button"][disabled]:focus, 
input[type="reset"], 
input[type="reset"][disabled]:hover, 
input[type="reset"][disabled]:focus, 
input[type="submit"], 
input[type="submit"][disabled]:hover, 
input[type="submit"][disabled]:focus {
    font-family: arial,verdana,sans-serif;
    font-weight: normal;
    text-transform: none;
}

/***************************************************
	theme element modifications
****************************************************/
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
    float: left;
    margin-right: 4%;
    margin-left: 4%;
    width: 95%;
}

body article .posted-on {
    display: block;
    margin-bottom:0.5384615385em;
}

/* these override a bunch of body:not(.search-results) settings from twenty-sixteen style.css */
body:not(.search-results) .entry-summary {
    font-size: 15px;
  font-size: 0.9rem;
}

body .entry-summary {
    font-size: 15px;
  font-size: 0.9rem;
}


body .entry-header + .entry-summary {
    margin-top: -0.913043478em;
}

body:not(.search-results) .entry-summary p, 
body:not(.search-results) .entry-summary address, 
body:not(.search-results) .entry-summary hr, 
body:not(.search-results) .entry-summary ul, 
body:not(.search-results) .entry-summary ol, 
body:not(.search-results) .entry-summary dl, 
body:not(.search-results) .entry-summary dd, 
body:not(.search-results) .entry-summary table {
    margin-bottom:5px;
}


.custom-logo {
    max-width: 400px !important;
}

/****************************
    Table overrides
*****************************/
table,
tbody,
th,
tr,
td {
    border:unset;
}

 table {
    margin-top:10px;
    table-layout:auto;
    color: var(--text-color-dark);
    box-sizing: border-box;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
 }

tbody {
}

tr {
}

td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

/****************************
    List margin corrections
*****************************/
.entry-content ul,
.entry-content ol {
    margin-left: 1.25em;
}

p {
    margin: 0 0 1em;
}

/*********************************************************************************************************/


.main-navigation a {
    color: var(--accent-color);
}

.main-navigation a:hover,
.main-navigation a:focus,
a:hover {
    color: var(--accent-color);
}

.main-navigation .primary-menu > li,
.main-navigation .primary-menu:hover > li,
.main-navigation .primary-menu:focus > li,
.main-navigation li:hover > a,
.main-navigation li:focus > a,
.main-navigation li .focus,
.current-menu-item,
focus {
    color: var(--primary-color);
    outline-color: var(--primary-color);
}

.primary-menu a {
    font-size: 1.0rem;
}

.wrap_login_logout a {
    color:var(--accent-color);
}
.wrap_login_logout a:hover {
    color:var(--primary-color);
}
.item_welcome {
    color:var(--primary-color);
}

.widget ul li  {
    font-size: 15px;
}

.sidebar .widget {
    margin-bottom: 1.5em;
}

.main-navigation li.focus > a {
    color: var(--accent-color);
}


.no-sidebar .entry-header, 
.no-sidebar .entry-content, 
.no-sidebar .entry-summary, 
.no-sidebar .entry-footer, 
.no-sidebar .comments-area, 
.no-sidebar .image-navigation, 
.no-sidebar .post-navigation, 
.no-sidebar .pagination, 
.no-sidebar .page-header, 
.no-sidebar .page-content, 
.no-sidebar .content-bottom-widgets {
    margin-right: 4%;
    margin-left: 4%;
}

div.entry-content .full-width {
    width:85%;
    margin-left:5%;
    margin-right:5%;
    float:none;
}

body:not(.search-results) article:not(.type-page) .entry-content {
    width:90%;
    min-width:1040px;
    margin-right:10%;
    float:none;
}


/*******************************************
    Custom classes
*******************************************/
div.quoteStyle1 {
    margin: 30px 100px 40px 100px;
    border-left: 5px solid var(--accent-color);
    padding: 10px 20px;
}


/*******************************************
    bbPress modifications
*******************************************/

#bbpress-forums div.bbp-reply-content {
    padding-right:13%;
}

.content-area.bbPress {
    float: none;
    margin-right:10%;
    width:100%;
}

div.bbp-search-form {
    margin:3px;
}



#bbp_search_submit {
  font-size: 0.9rem;
    position:relative;
    left:-25px;
    padding:5px 5px 5px 20px;
    z-index: 0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;

}

#bbp-search-submit:hover {
    background-color:var(--primary-color-dark) !important;
}

#bbp-forum-search-icon {
    color:var(--primary-color-ghost); 
    pointer-events: none;
    position:relative;
    left:0;
    z-index:1;
}


#bbp_topic_status_select, 
#bbp_stick_topic_select {
    border-radius:2px;
}

#bbp_topic_submit {
    background: var(--primary-color);
    border-radius: 2px;
    color: #fff;
    /* font-family: Montserrat, "Helvetica Neue", sans-serif; */
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
}

#bbp_topic_submit:hover {
    background: var(--primary-color-dark);
}


#bbp_search {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    color:#686868;
    margin-right:6px;
    padding-right:3px;
}


/*************************************
	Bootstrap modifications
**************************************/

.btn-primary, 
.label-primary {
	/* background-color:var(--primary-color);
    border-color: var(--primary-color); */
    border: 1px solid var(--button-border);
    border-radius:2px;
    background: var(--button-background);
    color: var(--text-color);
}

.btn-primary:hover,
.label-primary[href]:hover,
.label-primary[href]:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover {
	background-color: var(--primary-color-light);
	border-color: var(--primary-color);
    color: var(--text-color);
}



  /* bootstrap block quote classes */

  blockquote {
    border-left: 5px solid var(--primary-color);
    color: var(--accent-color);
    padding-top:1em;
    padding-bottom:1em;
}

.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
		margin: 30px;
}

blockquote.left,
.entry-content blockquote:not(.alignleft):not(.alignright).left,
.entry-summary blockquote.left,
.comment-content blockquote.left {
    font-size: inherit;
    margin: 30px 30px 30px 0px;
    border-right: 5px solid var(--primary-color);
    border-left: 0px;
    padding-right:3em;
}

blockquote.right,
.entry-content blockquote:not(.alignleft):not(.alignright).right,
.entry-summary blockquote.right,
.comment-content blockquote.right {
    font-size: inherit;
    margin: 30px 0px 30px 30px;
    border-right: 0px;
    border-left: 5px solid var(--primary-color);
    padding-left:3em;
}



/*********************************************************
	WP GLossary
********************************************************/
h1 .wp-glossary a,
h2 .wp-glossary a,
h3 .wp-glossary a,
h4 .wp-glossary a,
h5 .wp-glossary a,
h6 .wp-glossary a {
    color: var(--primary-color);
}

.wp-glossary a {
    border-color:#444444;
    color: black;
}


/* Remove the top border on the header widget */
.header_widget_area .widget {
    border:none;
}

.site {
    margin:0;
}

.site-content {
    padding: 0 5% 0 5%;
}

.site-header-main .site-branding {
	margin: 0 auto 0 0;
}

.site-header-main {
    padding-left:20px;
    padding-right:15px;
}

.site-header {
    padding:0;
    border-bottom: 2px solid var(--primary-color);
    margin-bottom:30px;
}

.site-header-menu {
    margin:0;
}

.site-inner {
    /* margin: 0 auto; */
    max-width: 1220px;
    /* position: relative; */
}

.header_widgit_area {
    margin-top:0;
}

.widget_login_logout {
    margin-bottom:1.4rem;
}

.widget {
    border-top: none;
}

.widget-title {
    border-bottom: 1px solid var(--primary-color);
    color: var(--primary-color);

    border-bottom: 1px solid var(--secondary-color);
    color: var(--secondary-color);

}

.widget .widget-title {
  margin-bottom: 0.8em;
}

.widget input[type="search"].search-field {
    width: 100%; 
}

.search-submit.btn.btn-primary,
.resource-search-submit.btn.btn-primary {
    height: 34px;
    background-color: var(--primary-color);
    color: var(--primary-color-ghost);
}

.search-submit.btn.btn-primary:hover,
.search-submit.btn.btn-primary.hover,
.resource-search-submit.btn.btn-primary:hover,
.resource-search-submit.btn.btn-primary.hover {
    background-color: var(--primary-color-dark);
 }


.main-navigation {
    margin: 0px -0.6em;
}

.main-navigation .primary-menu,
	.main-navigation .primary-menu > li {
    border-top: 1px solid var(--primary-color);
}

.page-title {
    font-size:2rem;
}


.entry-title {
    font-weight:100;
    font-size:2.0rem;
    margin-bottom: 1.05rem;
}

.entry-title a {
    color:var(--primary_color);
}


div.entry-content {
  font-size: 0.9rem;
    color: var(--font-color);
}

.entry-content h4, 
.entry-summary h4, 
.comment-content h4, 
.textwidget h4 {
    letter-spacing:inherit;
    text-transform: none;
}



.entry-summary > p {
    font-size: 0.9rem;
}

.entry-meta .fa,
.entry-meta .fas {
    color:var(--primary-color);
}


.page-header {
    border-top:0;
    padding-top:0;
    margin-bottom:1.5em;
}

.page-header {
    border-bottom: 0px solid var(--primary-color-dark);
    border-bottom-width: 0px;
    border-bottom-style: solid;
  border-bottom-color: var(--primary-color-dark);
}

.entry-header {
    border-bottom: 1px solid var(--primary-color-dark);
    border-bottom-width: 1px;
    border-bottom-style: solid;
  border-bottom-color: var(--primary-color-dark);
}

header.entry-header > h3 {
    margin-top: 0.5em;
    margin-bottom:0.5em;
}

.posted-on {
    font-size:12px;

}


.entry-content a, 
.entry-summary a, 
.taxonomy-description a, 
.logged-in-as a, 
.comment-content a, 
.pingback .comment-body > a, 
.textwidget a, 
.entry-footer a:hover, 
.site-info a:hover {
    box-shadow: 0 0 0 0 currentColor;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
    font-weight: 100;
    margin-top: 1em;
  margin-bottom: 0.4em;
}

h4.panel-title {
  margin-bottom:0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: var(--primary-color);
}

.wrap_login_logout {
    font-size: 1.0rem;
}

.site-main {
    margin-bottom: 1.0em;
}

.site-main > article {
    margin-bottom: 0.0rem;
}

.site-footer {
    border-top: 2px solid var(--primary-color);
}

.site-main [class*="navigation"] a,
.more-link {
    /* border: 1px solid #DDD; */
    padding: 6px 12px;
    border-radius: 4px;
    display: block;
}

.post-navigation {
    /* border-top: 4px solid #1a1a1a;
    border-bottom: 4px solid #1a1a1a;
    clear: both;
    margin: 0 7.6923% 3.5em; */
    font-family: arial,verdana,sans-serif;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    display: block;
    font-size:1.0rem;
    margin-bottom:0;
}

.post-navigation a {
   color:var(--text-color-dark);
}

.post-navigation a:hover {
    color:var(--text-color-dark);
}

/* have to overwrite existing css */
.post-navigation div + div {
    border-top: 1px solid var(--button-border);
}

.nav-previous, 
.nav-next {
    border-radius: 2px;
    border: 1px solid var(--button-border);
    background-color:var(--button-background);
    color: var(--text-color);
}

.nav-previous {
     float:left;
}
.nav-next {
    float:right;
}


.nav-previous:hover,
.nav-previous.hover,
.nav-next:hover,
.nav-next.hover {
    border: 1px solid var(--primary-color);
  background-color: var(--primary-color-light);
}

.nav-previous,
.nav-next {
  padding: 0.3rem;
}



button, 
button[disabled]:hover, 
button[disabled]:focus, 
input[type="button"], 
input[type="button"][disabled]:hover, 
input[type="button"][disabled]:focus, 
input[type="reset"], 
input[type="reset"][disabled]:hover, 
input[type="reset"][disabled]:focus, 
input[type="submit"], 
input[type="submit"][disabled]:hover, 
input[type="submit"][disabled]:focus {
  background: var(--button-background) !important;
  text-transform: none !important;
/* 

    background: inherit;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(26, 26, 26);
    border: 0;
    border-top-color: initial;
    border-top-style: initial;
    border-top-width: 0px;
    border-right-color: initial;
    border-right-style: initial;
    border-right-width: 0px;
    border-bottom-color: initial;
    border-bottom-style: initial;
    border-bottom-width: 0px;
    border-left-color: initial;
    border-left-style: initial;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 2px;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase; */
}

button {
    border: 1px solid var(--button-border);
    border-top-color: rgb(197, 197, 197);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(197, 197, 197);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(197, 197, 197);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(197, 197, 197);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background: var(--button-background);
    font-weight: normal;
    color: #454545;
}

body,
button,
input,
select,
textarea {
    /* color: #1a1a1a; */
    /* font-family: Merriweather, Georgia, serif; */
    font-family: arial,verdana,sans-serif;
    /* font-size: 16px;
    font-size: 1rem;
    line-height: 1.75; */
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus {
  background-color: var(--primary-color-very-light) !important;
  border-color: var(--primary-color) !important;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: var(--primary-color-dark);
    border-color: var(--primary-color);
}


button:focus {
    outline:0;
    outline-offset:0;
}


input[type="date"], 
input[type="time"], 
input[type="datetime-local"], 
input[type="week"], 
input[type="month"], 
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="number"], 
textarea {
    /* background: #f7f7f7;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #686868;
    padding: 0.625em 0.4375em;
    padding-top: 0.625em;
    padding-right: 0.4375em;
    padding-bottom: 0.625em;
    padding-left: 0.4375em; */
    padding: 0 0 0 10px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
    /* width: 100%; */
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: var(--primary-color);
	color: #1a1a1a;
	outline: 0;
}


.label-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}




 .label-primary[href]:hover, 
 .label-primary[href]:focus, 
 .btn-primary:focus, 
 .btn-primary:active, 
 .btn-primary.active, 
 #image-navigation .nav-previous a:hover, 
 #image-navigation .nav-next a:hover {
	background-color: var(--primary-color-dark);
	border-color: var(--primary-color-dark);
}



button[disabled]:hover, 
button[disabled]:focus, 
input[type="button"], 
input[type="button"][disabled]:hover, 
input[type="button"][disabled]:focus, 
input[type="reset"], 
input[type="reset"][disabled]:hover, 
input[type="reset"][disabled]:focus, 
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    padding: 2px;
    background: var(--button-background);
    color: #454545;
    border:1px solid var(--button-border);
}


.more-link {
  border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 2px;
    display: block;
    background-color: var(--button-background);
    color: var(--text-color);
}

.more-link:hover,
.more-link.hover {
    background-color: var(--primary-color-light);
    color: var(--text-color);
}

.caseListWrapperDiv{
	height:359px !important;
}

.ui-accordion-header.ui-state-hover,
.ui-button.ui-state-hover {
    border:1px solid var(--primary-color);
}

.ui-accordion-header.ui-state-focus,
.ui-button.ui-state-focus {
    outline-color: var(--primary-color);
    outline-width:4px;
}

.ui-button-icon {
  margin-bottom: 1px;
}

.ui-dialog-titlebar.ui-widget-header{
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    font-weight: normal;
    border-radius:2px;
}


.ui-dialog-content {
  font-size: 0.8rem;
}

/* Bootstrap specific css */
.entry-content a{
    box-shadow:none;
}

.panel-title > a {
    font-size: 19px;
    color: var(--accent-color);
    text-decoration:none !important;
}
.panel-title > a:hover {
    color: var(--primary-color);
}


.node-table_of_contents:not(.node-disabled):not(.node-selected):hover {
    background-color: var(--primary-color-light) !important;
}

.list-group-item:first-child,
.list-group-item:last-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

/* Item specific css */

.caseListItem ,
.clientListItem {
    padding-left:3px;
}

.caseListItem:hover:not(.ui-selected) ,
.clientListItem:hover:not(.ui-selected),
.clinicianShareListItem:hover:not(.ui-selected) {
    background: var(--primary-color-light) !important;
}

.selectableList .ui-selected {
    background: var(--primary-color) !important;
    color: #fff !important;
}


#table_of_contents li {
    color:var(--accent-color);
}

.glossary-item > a {
    color:var(--primary-color);
}

.glossary-item-desc {
    color:var(--accent-color);
    font-style:italic;
}

.markupDataTextArea {
    line-height:inherit;
}

/* dialog specific modifications */

.ui-dialog .ui-widget {
    font-size:1.1rem;
}


.ui-dialog .ui-dialog-titlebar {
  padding: 0.3em 1em;
    position: relative;
  font-size: 0.8rem;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 0.3rem 0.4rem !important;
}
.ui-dialog .ui-dialog-buttonpane button {
  font-size: 0.8rem !important;
    margin-left:15px !important;
}

.ui-dialog-title {
  font-size: 120%;
  color: var(--text-for-primary-color-background);
}

/* core button properties */
button.ui-button {
    padding: 2px;
  padding: 0.5em 1.2em 0.4em 0.6em;
    border-radius: 2px;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 80% !important;
    text-transform: none;
}


.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {

    background-color: var(--primary-color-very-light) !important;
    border-color: var(--primary-color) !important;
    padding: 2px;

    /* border: var(--primary-color-dark) !important;
    border-top-color: var(--primary-color-dark) !important;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: var(--primary-color-dark) !important;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: var(--primary-color-dark) !important;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: var(--primary-color-dark) !important;
    border-left-style: solid;
    border-left-width: 1px;
    background: var(--primary-color-light) !important;
    background-color: var(--primary-color-light) !important;
    color: #2b2b2b; */
}

.ui-state-hover .ui-button-text-icon-primary,
.ui-state-hover .ui-button-text-icon-primary:hover{
    color: var(--text-color) !important;
}

input[type="submit"] {
    padding:10px;
    background: var(--primary-color);
    border-radius: 4px;
    color: #fff;
    /* font-family: Montserrat, "Helvetica Neue", sans-serif; */
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
}