:root {

--theme-color: #00bbf1;

--logo-color-1: #ffffff;
--logo-color-2: #00bbf1;

--para: 16px;
--h1: 36px;
--h2: 26px;
--h3: 20px;
--h4: 18px;
--h5: 16px;
--h6: 16px;
--letter-spacing: 0.4pt;

--h1-col: #2c2c2c;
--h2-col: #2c2c2c;
--h3-col: #2c2c2c;
--h4-col: #2c2c2c;
--h5-col: #2c2c2c;
--h6-col: #2c2c2c;

--txt-col: #222222;
--a-col: #575760;
--a-hover-col: #005fc0;
--pp-title-col: #222222;
--archive-title-color: #222222;
--meta-txt-color: #222222;
--meta-link-color: #575760;
--meta-link-hover-color: #005fc0;
--text-decoration-color: #00bbf1;

--body-bg-color: rgb(255,255,255);

--header-bg-col: rgb(255,255,255);
--header-txt-col: #2c2c2c;
--menu-bg-col: rgba(255,255,255,0.8);
--submenu-bg-col: rgba(255,255,255,1);
--menu-text-col: #2c2c2c;
--menu-hover-col: #1e73be;

--footer-bg-col: rgb(255,255,255);
--footer-txt-col: #2c2c2c;
--footer-link-col: #007eb4;
--footer-link-hover-col: #005d93;


--base-color-1: #00bbf1;
--base-color-2: #005fc0;
--base-color-3: #ff329b;
--base-color-4: #ff351d;
--base-color-5: #ffbf00;
--base-color-6: #ccc9c9;
--base-color-7: #ffffff;
--base-color-8: #0a0a0a;


--gradient-top-1: rgb(0,187,241);
--gradient-btm-1: rgb(164,224,242);
--gradient-txt-1: #000000;

--gradient-top-2: rgb(0,95,192);
--gradient-btm-2: rgb(99,145,191);
--gradient-txt-2: #ffffff;

--gradient-top-3: rgb(255,50,155);
--gradient-btm-3: rgb(255,163,210);
--gradient-txt-3: #ffffff;


--modal-bg-color: rgba(0, 187, 241, 0.85);

--section-bubble-color-1: #00bbf1;
--section-bubble-color-2: #005fc0;
--section-bubble-color-3: #ff329b;
--section-bubble-color-4: #ff351d;
--section-bubble-color-5: #ffbf00;
--section-bubble-color-6: #ccc9c9;
--section-bubble-color-7: #ccc9c9;
--section-bubble-color-8: #ccc9c9;
--section-bubble-color-9: #ccc9c9;
--section-bubble-color-10: #ccc9c9;

}


.has-cerulean-color { color: #00bbf1; }
.has-cerulean-background-color { background-color: #00bbf1; }

.has-science-blue-color { color: #005fc0; }
.has-science-blue-background-color { background-color: #005fc0; }

.has-wild-stawberry-color { color: #ff329b; }
.has-wild-stawberry-background-color { background-color: #ff329b; }

.has-red-orange-color { color: #ff351d; }
.has-red-orange-background-color { background-color: #ff351d; }

.has-amber-color { color: #ffbf00; }
.has-amber-background-color { background-color: #ffbf00; }

.has-silver-color { color: #ccc9c9; }
.has-silver-background-color { background-color: #ccc9c9; }

.has-white-color { color: #ffffff; }
.has-white-background-color { background-color: #ffffff; }

.has-black-color { color: #0a0a0a; }
.has-black-background-color { background-color: #0a0a0a; }

#mainmenu ul li.menu-item-1 a:hover::after { background: #00bbf1; }
#mainmenu ul li.menu-item-2 a:hover::after { background: #005fc0; }
#mainmenu ul li.menu-item-3 a:hover::after { background: #ff329b; }
#mainmenu ul li.menu-item-4 a:hover::after { background: #ff351d; }
#mainmenu ul li.menu-item-5 a:hover::after { background: #ffbf00; }
#mainmenu ul li.menu-item-6 a:hover::after { background: #ccc9c9; }
#mainmenu ul li.menu-item-7 a:hover::after { background: #ccc9c9; }
#mainmenu ul li.menu-item-8 a:hover::after { background: #ccc9c9; }
#mainmenu ul li.menu-item-9 a:hover::after { background: #ccc9c9; }
#mainmenu ul li.menu-item-10 a:hover::after { background: #ccc9c9; }

#mainmenu ul li.menu-item-1 a.is-active::after { background: #00bbf1; }
#mainmenu ul li.menu-item-2 a.is-active::after { background: #005fc0; }
#mainmenu ul li.menu-item-3 a.is-active::after { background: #ff329b; }
#mainmenu ul li.menu-item-4 a.is-active::after { background: #ff351d; }
#mainmenu ul li.menu-item-5 a.is-active::after { background: #ffbf00; }
#mainmenu ul li.menu-item-6 a.is-active::after { background: #ccc9c9; }
#mainmenu ul li.menu-item-7 a.is-active::after { background: #ccc9c9; }
#mainmenu ul li.menu-item-8 a.is-active::after { background: #ccc9c9; }
#mainmenu ul li.menu-item-9 a.is-active::after { background: #ccc9c9; }
#mainmenu ul li.menu-item-10 a.is-active::after { background: #ccc9c9; }