/** Main color **/

:root {
    --lsr-blue:#28367b;
    --lsr-blue-light:#dfe1eb;

    --lsr-berry-darker: #936177;
    --lsr-berry-dark: #a87c8f;
    --lsr-berry: #c6a9b5;
    --lsr-berry-light: #cfb7c1;
    --lsr-berry-ultralight: #decdd4;

    --lsr-beige: #f0e4d8;
    --lsr-beige-light: #f8f4ee;
    --lsr-beige-dark: #d3b28f;

    --body-bg-clr: #ffffff;
    --bg-clr: #FFFFFF;
    --font-clr: #000000;
    --heading-clr: #000000;
    --link-clr: var(--lsr-blue);
    --link-hover-clr: #d3b28f;
    --border-clr: #d3b28f;
    --btn-bg: var( --lsr-berry-dark);
    --btn-hover-bg: var( --lsr-berry-darker);
    --btn-font-clr: #ffffff;
    --btn-hover-font: #ffffff; 
    --placeholder-clr: #908e8e;
    --no-bg-btn-clr: #fff;
    --no-bg-btn-hover-clr: #fff;
    --light-blue: #E0F7FF;
    --grey:#efefef;
}

/*Alternate color*/
.wrapper-alternate-color{
    --bg-clr: #28367b;
    --font-clr: #ffffff;
    --heading-clr: #ffffff;
    --link-clr: #ffffff;
    --link-hover-clr: #074540;
    --btn-bg: var( --lsr-berry);
    --btn-hover-bg: var( --lsr-berry-dark);
    --btn-font-clr: #fff;
    --btn-hover-font: #fff;
    --no-bg-btn-clr: #ffffff;
}

/*.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 > a {
    color:var(--blue);
}

.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);
}

.bg-blue{
    background-color:var(--lsr-blue);
}

.bg-blue-light{
    background-color:var(--lsr-blue-light);
}

.bg-beige{
    background-color:var(--lsr-beige);
}

.bg-beige-light{
    background-color:var(--lsr-beige-light);
}

.bg-berry-light{
    background-color:var(--lsr-berry-ultralight);
}

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);
}
.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(--placeholder-clr);
    opacity:1;
}