/** Main color **/

:root {
    --body-bg-clr: #F9F7F4;
    --bg-clr: #F9F7F4;
    --font-clr: #2C2C2C;
    --heading-clr: #2C2C2C;
    --link-clr: #1E4D5F;
    --link-hover-clr: #6BA8B9;
    --border-clr: #F2ECE7;
    --btn-bg: #1E4D5F;
    --btn-hover-bg: #6BA8B9;
    --btn-font-clr: #F2ECE7;
    --btn-hover-font: #F2ECE7;
    --btn-border-clr: #F2ECE7;
    --placeholder-clr: #2c2c2c;
    --no-bg-btn-clr: #1e4d5f;
    --no-bg-btn-hover-clr: #6ba8b9;
    --coal: #2C2C2C;
    --dark-blue: #1E4D5F;
    --light-blue: #6BA8B9;
    --snow-white: #F9F7F4;
}

/*Alternate color*/
.wrapper-alternate-color{
    --bg-clr: #2c2c2c;
    --font-clr: #f9f7f4;
    --heading-clr: #f9f7f4;
    --link-clr: #6BA8B9;
    --link-hover-clr: #a1f2c7;
    --btn-bg: #2c2c2c;
    --btn-hover-bg: #6ba8b9;
    --btn-font-clr: ##F2ECE7;
    --btn-hover-font: #F2ECE7;
    --no-bg-btn-clr: #2c2c2c;
}
.hiilenharmaa, .editor-styles-wrapper .hiilenharmaa{
    --bg-clr:#2c2c2c;
}
.dark-blue, .site-footer, .editor-styles-wrapper .dark-blue, .editor-styles-wrapper .site-footer{
    --bg-clr:var(--dark-blue);
}
.snow-white, .editor-styles-wrapper .snow-white{
    --bg-clr:var(--snow-white);
}
/*.wrapper-extra-color{
    --bg-clr: 
    --font-clr: 
    --heading-clr: 
    --link-clr: 
    --link-hover-clr: 
    --btn-bg: 
    --btn-hover-bg: 
    --btn-font-clr: 
    --btn-hover-font: 
}*/

body {
    color: var(--font-clr);
    background-color: var(--body-bg-clr);
}

.one-container .site-content, .site-footer .footer-container, .is-root-container{
    background:var(--body-bg-clr);
}


section, div {
    border-color: var(--border-clr);
}

.gb-container, .is-root-container .gb-container, .editor-styles-wrapper .gb-container{
    color:var(--font-clr);
}

.gb-container.color-section{
    background-color:var(--bg-clr);
}

.wrapper-alternate-color .gb-container{
    background-color: unset;
}

a{
    color:var(--link-clr);
}

a:hover{
    color:var(--link-hover-clr);
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color:var(--link-clr);
}

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

hr {
    color: var(--border-clr);
}



a.gb-button, button, input[type="submit"], 
.is-root-container a.gb-button, 
.is-root-container input[type="submit"],
.editor-styles-wrapper a.gb-button, 
.editor-styles-wrapper input[type="submit"] {
    background-color: var(--btn-bg);
    color: var(--btn-font-clr);
}

a.gb-button:hover, button:hover, 
.is-root-container a.gb-button:hover, 
.editor-styles-wrapper a.gb-button:hover
{
    background-color: var(--btn-hover-bg);
    color: var(--btn-hover-font);
}


a.gb-button.invert-color-button, button.invert-color-button, input[type="submit"].invert-color-button {
    background-color: var(--btn-hover-bg);
    color:var(--btn-hover-font);
}

a.gb-button.invert-color-button:hover, button.invert-color-button:hover, input[type="submit"].invert-color-button:hover {
    background-color: var(--btn-bg);
    color:var(--btn-font-clr);
}
.block-editor button:hover, .components-popover__fallback-container button:hover {
    background-color:unset;
}
a.gb-button.btn-alternate-color, button.btn-alternate-color, input[type="submit"],
.editor-styles-wrapper a.gb-button.btn-alternate-color, 
.editor-styles-wrapper button.btn-alternate-color, 
.editor-styles-wrapper input[type="submit"] {
    background-color: var(--btn-hover-bg);
    color: var(--btn-hover-clr);
}

a.gb-button.btn-alternate-color:hover, button.btn-alternate-color:hover,
.editor-styles-wrapper a.gb-button.btn-alternate-color:hover, 
.editor-styles-wrapper button.btn-alternate-color:hover {
    background-color: var(--btn-bg);
    color: var(--btn-font-clr);
}
a.gb-button.btn-no-bg{
    background-color: transparent;
    color: var( --no-bg-btn-clr);
}
a.gb-button.btn-no-bg:hover{
    background-color: transparent;
    color: var(--no-bg-btn-hover-clr);
}

input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="search"],
textarea,
select{
    border-color: var(--border-clr);
    color: var(--font-clr);
}
::placeholder{
    color: var(--placeholder-clr);
}
:-ms-input-placeholder{
    color: var(--placeholder-clr);
}

div.wpforms-container-full input[type=date]::-webkit-input-placeholder, div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder, div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder, div.wpforms-container-full input[type=email]::-webkit-input-placeholder, div.wpforms-container-full input[type=month]::-webkit-input-placeholder, div.wpforms-container-full input[type=number]::-webkit-input-placeholder, div.wpforms-container-full input[type=password]::-webkit-input-placeholder, div.wpforms-container-full input[type=range]::-webkit-input-placeholder, div.wpforms-container-full input[type=search]::-webkit-input-placeholder, div.wpforms-container-full input[type=tel]::-webkit-input-placeholder, div.wpforms-container-full input[type=text]::-webkit-input-placeholder, div.wpforms-container-full input[type=time]::-webkit-input-placeholder, div.wpforms-container-full input[type=url]::-webkit-input-placeholder, div.wpforms-container-full input[type=week]::-webkit-input-placeholder, div.wpforms-container-full select::-webkit-input-placeholder, div.wpforms-container-full textarea::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=date]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=email]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=month]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=number]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=password]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=range]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=search]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=tel]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=text]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=time]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=url]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full input[type=week]::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full select::-webkit-input-placeholder, .wp-core-ui div.wpforms-container-full textarea::-webkit-input-placeholder{
    color: var(--coal);
    opacity:1;
}