/*
Theme Name: FullSite-Patterner
Theme URI: https://full-site-patterner.com/en
Description: "FullSite-Petterner" is a Wordpress block theme that you can easily install and replace the entire page with patterns, and you can freely replace headers, footers, menus, and parts. The theme style is based on Bootstrap5.3.
Version: 1.3.0
Author: Masamichi Kanehara
Author URI: https://full-site-patterner.com/en/agreement/
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fullsite-patterner
Domain Path: /languages
Tested up to: 6.3
Requires PHP: 7.0
Tags: flexible-header, full-site-editing, template-editing, grid-layout, custom-background, custom-colors, custom-logo, custom-menu, full-width-template, theme-options, block-styles, wide-blocks
*/


@charset "UTF-8";
@-ms-viewport {
	width: auto !important;
	initial-scale: 1;
}

/* Prevent admin bar and sticky header overlap */
.admin-bar .navbar-fixed-top {
	top: 32px !important;
}
/* Prevent admin bar and sticky header overlap */
.admin-bar #header-navbar {
	top: 32px !important;
}

/*
 * General style
 */

html {
	-ms-overflow-style: scrollbar;
	overflow-x: hidden;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0px;
	padding: 0px;
	word-break: break-all; /*wrap long strings and URL*/
}

section { /*class for use when centering*/
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
}
@media (max-width: 767px) { /*for mobile device*/
 section {  
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: auto;
 }
}

.fsp-newarticle {
	margin-right: 15px;
	margin-left: 15px;
}

section.fsp-whatsnew { /*What's new summary box*/
	height: 550px; /*To adjust the height according to the number of characters in post excerpt*/
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 30px;
	margin-bottom: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {  /*for tablet device*/
 section.fsp-whatsnew {  
    height: 550px; /*To adjust the height according to the number of characters in post excerpt*/
 }
}
@media (max-width: 767px) { /*What's new summary box for mobile device*/
 section.fsp-whatsnew {  
	padding: auto;
	margin-top: 0px;
	margin-bottom: 30px;
	height: auto;
 }
}

h1 {
	font-weight: normal !important;
	padding-top: 10px !important;
	padding-bottom: 5px !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

h2 {
	font-weight: normal;
	padding-top: 10px !important;
	padding-bottom: 5px !important;
	margin-top: 20px;
	margin-bottom: 20px;
}

h3 {
	font-weight: normal;
	padding-top: 10px !important;
	padding-bottom: 5px !important;
	padding-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* heading: underline */
:is(h1, h2, h3, h4, h5, h6, wp-block-query-title, wp-block-post-title).is-style-decoration-underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* heading: over-underline */
:is(h1, h2, h3, h4, h5, h6, wp-block-query-title, wp-block-post-title).is-style-decoration-line {

	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* heading: left-right-underline */
:is(h1, h2, h3, h4, h5, h6, wp-block-query-title, wp-block-post-title).is-style-decoration-r-l-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;	
	border-left-width: 5px;
	border-left-style: solid;
	border-right-width: 5px;
	border-right-style: solid;
}

/* heading: left-line */
:is(h1, h2, h3, h4, h5, h6, wp-block-query-title, wp-block-post-title).is-style-decoration-l-line {
	border-left-width: 5px;
	border-left-style: solid;
}

p {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px !important;
	padding-bottom: 3px !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

a: { text-decoration: underline !important;
     text-decoration-thickness: 1px !important;
}

a:hover { text-decoration: none !important;
}

img {
	max-width: 100%; /*Image size is max width of parent element*/
	height: auto;
	width: auto;
}
@media (max-width: 768px) {
 img { 
	text-align: center; 
	max-width: 95% !important; /*Image size is max width of parent element*/
	margin-left: 2.5% !important;
 }
}

li {
	list-style-type: none;
}

.wp-block-latest-posts__list { /*remove list mark*/
	margin-left: 40px;
}

li.wp-social-link { 
	float: left;
	padding-left: 10px;
}

/*
 * styles for div
 */
div.fsp-center{
    margin: 0 auto;
    text-align: center;
}

div.fsp-left{
    margin: 0 auto;
    text-align: left;
}

div.fsp-right{
    margin: 0 auto;
    text-align: right;
}

/*
 * styles for Table
 */
thead {
	color: #000000;
	background-color: #999999 !important; /
}
table{
  border:3px solid #000000 !important;
}

th{
  border:1px solid #000000 !important;
}

ht, tr, td{
  border:1px solid #000000 !important;
}

.fsp-borderless-table th{
  border-left:0px solid #000000 !important;
  border-right:0px solid #000000 !important;
}

.fsp-borderless-table ht, .fsp-borderless-table tr, .fsp-borderless-table td{
  border-left:0px solid #000000 !important;
  border-right:0px solid #000000 !important;
}

.fsp-t-dark th {
	color: #ffffff;
	background-color: #666666 !important; /
}

/*
 * Styles for the site logo
 */
#site-logo {
	background-color: transparent !important; /*background color of logo*/
}
.navbar-header {
	background-color: transparent !important; /*background color of logo*/
}
.wp-block-spacer {
	background-color: transparent !important; /*background color of logo*/
}
.custom-logo {  
	float: auto;
	margin-top: 5px;
	margin-left: 30px; /*spacing from left*/
	padding-left: 20px;
	max-height:100px ;
}

.wp-block-site-logo img {
	z-index: 10 !important; /*Site logo(WP default) for PC*/
	padding-left: 40px;
	float: auto;
	top: 0px !important;
	margin-top: 0px;
}
@media (max-width: 767px) { /*Site logo(WP default) for mobile device*/
 .wp-block-site-logo img {
	padding-left: 20px;
	padding-top: 3px;
	width: 250px;
 }
}

/*
 * Disable bootstrap styles
 */

.navbar {
	position: initial;
	display: initial;
	flex-wrap: initial;
	align-items: initial;
	justify-content: initial;
	padding-top: initial;
	padding-bottom: initial;
}

.navbar-collapse {
	flex-basis: initial;
	flex-grow: initial;
	align-items: initial;
}

.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: initial;
}

/*
 * styles for Header pattern (header-navbar)
 */

#header-navbar { /*Overwriting to my Bootstrap*/
	z-index: 5 !important; /*The menu are fixed and displayed in the foreground*/
	top: 0px !important;
	margin:0 ; /*Placed in the center */
	padding-top:0px ;
	padding-left:0px ;
	padding-right:0px ;
	padding-bottom:10px ;
	border-width: 0;
	position: fixed !important;
	width:100% !important; /*The width of the menu is the width of the screen*/
	background-color: #ffffff !important; /*background color of logo for mobile device*/
}
@media (min-width: 768px) {
#header-navbar {
	padding-bottom:0px ;
 }
}

#navbar-container { /*Overwriting to my Bootstrap*/
	z-index: 3 !important; /*The menu are fixed and displayed in the foreground*/
	margin: 0 auto; /*Placed in the center */
	border-width: 0;
}
@media (min-width: 768px) { /*Navigation for PC*/
#navbar-container { /*Overwriting to my Bootstrap*/
	border-width: 0;
	height:40px !important;
	background-color: transparent !important; /*Background color of logo for PC*/
 }
}

@media (min-width: 768px) { /*Navigation menu for PC*/
#navbar{
	display: flex;
	justify-content: flex-end !important;
	align-items: center;
	height: 40px !important;
	background-color: #555555;
 }
}

#navbar ul { /*navigation menu list for mobile device*/
	z-index: 3 !important; /*The menus are fixed and displayed in the foreground*/
	float: right;
	margin-top:30px;
	margin-bottom:30px ;
	padding-left: 100px;
	margin-right: 40px;
	background-color: #ffffff;
 }

@media (min-width: 768px) { /*navigation menu list for PC*/
#navbar ul {
	z-index: 3 !important; /*The menu are fixed and displayed in the foreground*/
	display: flex;
	justify-content: flex-end !important;
	align-items: center;
	height: 40px !important;
	padding-right: 50px !important;
	margin-right: 50px !important;	
	margin-left: 40px;
	background-color: #555555;
 }
}

.navbar-toggler { /*toggle button color for mobile device*/
	background-color: #; 
	position: fixed !important;
	top: 5px;
	right: 5px;
}
@media (min-width: 768px) {
.navbar-toggler {
	display: none !important;
 }
}
.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 0rem;
}

.navbar-light .navbar-nav .nav-link {
	color: #000000;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !important;
	font-size: 20px !important;
	letter-spacing: .025em !important;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { /*navigation menu list for mobile device*/
	color: #000000;
}

.navbar-nav > li { /*navigation menu list*/
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !important;
	font-size: 20px !important;
	margin-bottom:-10px ;
	letter-spacing: .025em !important;
	vertical-align:middle !important;
}
.navbar-nav > li > a { /*navigation menu list for mobile device*/
	text-decoration:underline ;
	line-height: 2.5em;
	color: #000000;
}
@media (min-width: 768px) { /*navigation menu list for PC*/
.navbar-nav > li > a {
	color: #ffffff !important;
	line-height: 20px;
	padding-left: 30px !important; /*Spacing between navigation menus*/
 }
}
@media (min-width: 768px) {
.navbar-nav > li > a:hover { 
	color: #e1e1e1 !important; /*Text color when hovering over menu*/
	line-height: 20px;
 }
}

@media (min-width: 768px) {
.navbar-nav > li > a:before { /*Before menu text*/
	position: absolute;
	line-height: 1;
	top: 0;
	bottom: 0;
	left: -.125em;
	display: block;
	width: 1em;
	height: 1em;
	margin: auto;
	content: ""; /*menu separator*/
	vertical-align: middle;
	padding-left: 40px;
}
.navbar-nav > li:first-child:before { /*Before first menu list*/
	display: no;
	content: "";
 }
}

.pagetop img {
    width: 24px;
    height: 24px;
	margin-top: 11px ;
	background-color: #e1e1e1 ;
	border-radius:20px ;
/*  position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 5;*/
}

.pagetop-visual img {
    width: 24px;
    height: 24px;
	margin-top: px ;
	background-color: #e1e1e1 ;
	border-radius:20px ;
/*  position: fixed;
	bottom: 10px;
	right: 0px;
	z-index: 5;*/
}

/*
 * styles for Header pattern for WordPress default navigation (header-wp-navigation)
 */

.wp-navigation-fixed { /*WP default navigation*/
	z-index: 3; /*The logo and menuw are fixed and displayed in the foreground*/
	position:fixed ;
	width: 100%;
	margin: 0px ;
	padding:0px ;
	top: 0px;
	background-color: #ffffff;
}

button.wp-block-navigation__responsive-container-open {
	position: static; /*Hamberger menu(open) for mobile device(WP default navigation)*/
	width:35px;
	height: 35px;	border:none;
	position: fixed !important;
	top: 7px !important;
	right: 25px !important;
	background:radial-gradient(#ffffff, #aaaaaa); 
	border-radius: 20px; /*rounded corners*/
}

button.wp-block-navigation__responsive-container-close {
	position: static; /*Hamberger menu(close) for mobile device(WP default navigation)*/
	width:35px;
	height: 35px;
	border:none;
	position: fixed !important;
	top: 8px !important;
	right: 24px !important;
	background:radial-gradient(at 20px 20px,#ffffff, #cccccc); 
	border-radius: 20px; /*rounded corners*/
}

.wp-block-navigation {
	background-color: #ffffff; /*background color of hamberger menu*/
}

.wp-block-navigation__responsive-container-content li {
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 20px; /*navigation menu text*/
	letter-spacing: .025em;
}
@media (min-width: 768px) {
 .wp-block-navigation__responsive-container-content li > a {
	padding-right: 80px; /*spacing from right*/
	padding-left: 0px; /*Spacing between navigation menus*/
 }
}
@media (min-width: 768px) {
 .wp-block-navigation__responsive-container-content li > a:hover { 
	color: #e1e1e1; /*Text color when hovering over menu(WP default navigation)*/
 }
}
@media (max-width: 768px) {
 .wp-block-navigation__responsive-dialog li{ 
	line-height: 200%;
	margin-right: 40px;
 }
}

/*
 * carousel
 */

.carousel-control i {
	position: absolute;
	z-index: 5;
	top: 50%;
	display: inline-block;
	color: #bababa;
}

.carousel-control .fa-angle-left {
  left: 50%;
}

.carousel-control .fa-angle-right {
  right: 50%;
}

@media screen and (min-width: 768px) {
.carousel-control i {
	font-size: 30px;
	width: 30px;
	height: 30px;
}
.carousel-control .fa-angle-left {
	margin-left: -1px;
}
.carousel-control .fa-angle-right {
	margin-right: -1px;
 }
}

.carousel-inner>.item>a>img {
	width: 100%;
}

/**
 * Main: container or frame for main contents
 */

.fsp-main {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.fsp-backimg {
	margin-right: auto;
	margin-left: auto;
	background-image: url(assets/images/bg_body.jpg); /*Background image*/
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-top: 120px; /*Adjust the spacing so that the top is not hidden by the navigation bar*/
}

.fsp-noimg {
	margin-right: auto; /*background no image of main contents frame*/
	margin-left: auto;
	padding-top: 120px; /*Adjust the spacing so that the top is not hidden by the navigation bar*/
}

.fsp-frame { /*Style with content frame for mobile device*/
	margin-right:auto ;
	margin-left:auto ;
	max-width:98% ;
	background-color: #ffffff;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .25); /*shadow of frame*/
 }
}
@media (min-width: 992px) and (max-width: 1199px) { /*Style for PC with a width of less than 1200 pixel*/
 .fsp-frame {
	max-width:96% ;
 }
}
@media (min-width: 1200px) { /*Style for PCs/tablets with a width of more than 1200 pixel*/
 .fsp-frame {
	max-width:90% ;
 }
}

.fsp-noframe { /*Style without content frame for mobile device*/
	margin-right:auto ;
	margin-left:auto ;
	max-width:98% ;
	background-color: #ffffff;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0); /*shadow of frame*/
 }
}
@media (min-width: 992px) and (max-width: 1199px) { /*Style for PCs/tablets with a width of less than 1200 pixel*/
 .fsp-noframe {
	max-width:96% ;
 }
}
@media (min-width: 1200px) { /*Style for 1200 pixel width or more PC*/
 .fsp-noframe {
	max-width:90% ;
 }
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.fsp-left { /*Style of 2-column(right sidebar) for mobile device*/
	float: left;
	padding-top: 10px;
	margin: 0px;
}
@media (min-width: 768px) { /*Style for PCs/tablets with a width of less than 768 pixel*/
 .fsp-left {
	padding-top:0px:
	padding-right: 20px;
	padding-left:20px;
	margin: 0px;
}
@media (min-width: 992px) { /*Style for 992 pixel width or more PC*/
 .fsp-left {  
	padding-top:0px:
	padding-right: 20px;
	padding-left:20px;
	margin: 0px;
 }
}

.fsp-right { /*Style of 2-column(left sidebar)*/
	float: right;
	padding-top: 10px;
	margin: 0px;
}
@media (min-width: 768px) {
 .fsp-right {  
	padding-top:0px:
	padding-right: 20px;
	padding-left:20px;
	margin: 0px;
}
@media (min-width: 992px) {
 .fsp-right {  
	padding-top:0px:
	padding-right: 20px;
	padding-left:20px;
	margin: 0px;
 }
}

.fsp-side-right { /*Style of 2-column(right sidebar)*/
	float: right;
	padding: 5px;
	margin: 0px;
}

.fsp-side-left { /*Style of 2-column(left sidebar)*/
	float: left;
	padding: 5px;
	margin: 0px;
}

/**
 * Main: main contents(4 horizontal menu)
 */

@media (min-width: 992px) {
	.features {
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
 }
}

h3.dt { /*4 horizontal menu text*/
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 24px !important;
	border-bottom-width: 0px;
	font-weight: normal;
	letter-spacing: .1em;
	padding-left: 0px;
}

.featuresimg{ /*4 horizontal menu image*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 0;
	border: 5px solid #ffffff; /*white frame around image*/
	box-shadow: 0 1px 6px rgba(0, 0, 0, .25); /*shadow around image*/
}
.featuresimg:hover {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25); /*shadow around image*/
	opacity: 0.9;
}

#menu-4column1 p {
	line-height: 1.4;
	height: 2.8em; /*Adjust paragraph height at 4 horizontal menu for mobile device*/
	text-align: left;
}

@media (min-width: 768px) {
 #menu-4column1 p {
	height: 9em; /*Adjust paragraph height at 4 horizontal menu for PC*/
 }
}

#menu-4column2 p {
	line-height: 1.4;
	height: 2.8em; /*Adjust paragraph height at 4 horizontal menu for mobile device*/
	text-align: left;
}
@media (min-width: 768px) {
 #menu-4column2 p {
	height: 9em; /*Adjust paragraph height at 4 horizontal menu for PC*/
 }
}

.fsp-pickupimg:hover {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .25); /*shadow around image*/
	opacity: 0.7;
}

.features .btn-more { /*more*/
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 18px;
	line-height: 1.2;
	display: block;
	max-width: 200px;
	margin: auto;
	padding: 12px 0;
	color: #fff;
	border-width: 1px;
	border-style: solid;
	border-image: linear-gradient(to bottom, #dcb35c, #fad890) 0 100%;
	background: linear-gradient(to bottom, #fad890, #dcb35c) 0 100%;
}
@media (min-width: 768px) {
 .features .btn-more {
	transition: opacity .1s;
 }
 .features .btn-more:hover {
	opacity: .7;
 }
}

/**
 * Main: post excerpt of whatsnew(2-column)
 */

h3.fsp-new {
	font-size: 18px !important;
	padding-left: 0px;
	padding-right: 0px;
	text-overflow: ellipsis;
    line-height: 1.2;
	text-underline-offset: 0.8ex;
}

.fsp-whatsnew {
	display: flex; /*Align article box height*/
}

/*
 * styles for Box
 */
.fsp-box-label {
    position: relative;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
	border: 2px solid;
}
@media (max-width: 767px) {
.fsp-box-label {
 }
}

.fsp-box-label .fsp-box-title {
    position: absolute;
    display: inline-block;
    top: -50px;
    left: -2px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
@media (max-width: 767px) {
.fsp-box-label .fsp-box-title {  
    display: inline;
    top: -50px;
 }
}
.fsp-box {
    position: relative;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.fsp-box .fsp-box-title {
    position: absolute;
    display: inline-block;
	width:100%;
    top: -20px;
	padding: 0 9px;
	padding-bottom: 20px;
	margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
@media (max-width: 767px) {
.fsp-box .fsp-box-title {  
    display: inline;
    top: -20px;
 }
}

/**
 * Style for footer
 */

.fsp-footer {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
 }
}

.access-gmap {
	border: 5px solid #ffffff; /*white frame around map*/
	box-shadow: 0 1px 6px rgba(0, 0, 0, .25); /*shadow of white frame*//
}

.access-gmap iframe {
	display: block;
	max-width: 100%;
	height: 300px;
}

.fsp-copyright { /*copyright*/
	color: #ffffff;
	background-color: #333333 !important;
	height: 30px;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
	
p.fsp-copyright {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/*	-----------------------------------------------------------------
  Original color setting for this theme
--------------------------------------------------------------------- */
	
.has-my-dark-blue-color{color: #483d8b !important;}
.has-my-pink-color{color: #efcdc4 !important;}
.has-my-purple-color{color: #f2e5ff !important;}
.has-my-deep-color{color: #434b56 !important;};
.has-my-indigo-color{color: #626f82 !important;}
.has-my-blue-color{color: #a6b8c2 !important;}
.has-my-light-blue-color{color: #f4f4f4 !important;}
.has-my-cyan-color{color: #f5f1e8 !important;}
.has-my-teal-color{color: #909792 !important;}
.has-my-green-color{color: #006400 !important;}
.has-my-red-color{color: #8b0000 !important;}
.has-my-lime-color{color: #ccdfcc !important;}
.has-my-yellow-color{color: #999933 !important;}
.has-my-amber-color{color: #666633 !important;}
.has-my-orange-color{color: #979286 !important;}
.has-my-deep-orange-color{color: #d7c9aa !important;}
.has-my-brown-color{color: #b2a28e !important;}
.has-my-light-grey-color{color: #cccccc !important;}
.has-my-grey-color{color: #999999 !important;}
.has-my-dark-grey-color{color: #666666 !important;}
.has-my-black-color{color: #333333 !important;}
.has-my-watery-blue-color{color: #eff1f5 !important;}
.has-my-watery-yellow-color{color: #ffffe5 !important;}
.has-my-watery-red-color{color: #fdf2f2 !important;}
.has-my-watery-green-color{color: #ebf8f4 !important;}
.has-my-steel-blue-color{color: #4682b4 !important;}
.has-my-pastel-green-color{color: #c6ff8e !important;}
.has-my-pastel-pink-color{color: #ff8eff !important;}
.has-my-pastel-blue-color{color: #8e8eff !important;}
.has-my-pastel-purple-color{color: #c68eff !important;}
.has-my-pastel-yellow-color{color: #ffff8e !important;}

.has-my-dark-blue-background-color{background-color: #483d8b !important;}
.has-my-pink-background-color{background-color: #efcdc4 !important;}
.has-my-purple-background-color{background-color: #f2e5ff !important;}
.has-my-deep-background-color{background-color: #434b56 !important;}6;
.has-my-indigo-background-color{background-color: #626f82 !important;}
.has-my-blue-background-color{background-color: #a6b8c2 !important;}
.has-my-light-blue-background-color{background-color: #f4f4f4 !important;}
.has-my-cyan-background-color{background-color: #f5f1e8 !important;}
.has-my-teal-background-color{background-color: #909792 !important;}
.has-my-green-background-color{background-color: #006400 !important;}
.has-my-red-background-color{background-color: #8b0000 !important;}
.has-my-lime-background-color{background-color: #ccdfcc !important;}
.has-my-yellow-background-color{background-color: #999933 !important;}
.has-my-amber-background-color{background-color: #666633 !important;}
.has-my-orange-background-color{background-color: #979286 !important;}
.has-my-deep-orange-background-color{background-color: #d7c9aa !important;}
.has-my-brown-background-color{background-color: #b2a28e !important;}
.has-my-light-grey-background-color{color: #cccccc !important;}
.has-my-grey-background-color{color: #999999 !important;}
.has-my-dark-grey-background-color{color: #666666 !important;}
.has-my-black-background-color{color: #333333 !important;}
.has-my-watery-blue-background-color{background-color: #eff1f5 !important;}
.has-my-watery-yellow-background-color{background-color: #ffffe5 !important;}
.has-my-watery-red-background-color{background-color: #fdf2f2 !important;}
.has-my-watery-green-background-color{background-color: #ebf8f4 !important;}
.has-my-steel-blue-background-color{background-color: #4682b4 !important;}
.has-my-pastel-green-background-color{background-color: #c6ff8e !important;}
.has-my-pastel-pink-background-color{background-color: #ff8eff !important;}
.has-my-pastel-blue-background-color{background-color: #8e8eff !important;}
.has-my-pastel-purple-background-color{background-color: #c68eff !important;}
.has-my-pastel-yellow-background-color{background-color: #ffff8e !important;}

.has-my-dark-blue-border-color{border-color: #483d8b !important;}
.has-my-pink-border-color{border-color: #efcdc4 !important;}
.has-my-purple-border-color{border-color: #f2e5ff !important;}
.has-my-deep-border-color{border-color: #434b56 !important;}6;
.has-my-indigo-border-color{border-color: #626f82 !important;}
.has-my-blue-border-color{border-color: #a6b8c2 !important;}
.has-my-light-blue-border-color{border-color: #f4f4f4 !important;}
.has-my-cyan-border-color{border-color: #f5f1e8 !important;}
.has-my-teal-border-color{border-color: #909792 !important;}
.has-my-green-border-color{border-color: #006400 !important;}
.has-my-red-border-color{border-color: #8b0000 !important;}
.has-my-lime-border-color{border-color: #ccdfcc !important;}
.has-my-yellow-border-color{border-color: #999933 !important;}
.has-my-amber-border-color{border-color: #666633 !important;}
.has-my-orange-border-color{border-color: #979286 !important;}
.has-my-deep-orange-border-color{border-color: #d7c9aa !important;}
.has-my-brown-border-color{border-color: #b2a28e !important;}
.has-my-light-grey-border-color{color: #cccccc !important;}
.has-my-grey-border-color{color: #999999 !important;}
.has-my-dark-grey-border-color{color: #666666 !important;}
.has-my-black-border-color{color: #333333 !important;}
.has-my-watery-blue-border-color{border-color: #eff1f5 !important;}
.has-my-watery-yellow-border-color{border-color: #ffffe5 !important;}
.has-my-watery-red-border-color{border-color: #fdf2f2 !important;}
.has-my-watery-green-border-color{border-color: #ebf8f4 !important;}
.has-my-steel-blue-border-color{border-color: #4682b4 !important;}
.has-my-pastel-green-border-color{border-color: #c6ff8e !important;}
.has-my-pastel-pink-border-color{border-color: #ff8eff !important;}
.has-my-pastel-blue-border-color{border-color: #8e8eff !important;}
.has-my-pastel-purple-border-color{border-color: #c68eff !important;}
.has-my-pastel-yellow-border-color{border-color: #ffff8e !important;}