/*
 Theme Name:   Nikkon Child
 Theme URI:    https://kairaweb.com/theme/nikkon/
 Description:  Nikkon Child Theme
 Template:     nikkon
 Version:     2.2 August 3, 2023
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  nikkonchild
*/


/* This started by copying from Nikkon theme; please see their credits. Then edited for InfoCommunity. */

*,
*:before,
*:after {
	box-sizing: border-box;
	box-shadow: none !important;
	margin: 0;
	padding: 0;
	border: none;
}

/*
Does anything need the above settings specifically, in order to override theme css?
fieldset, figure, img, button, legend
*/

html {
    overflow-x: hidden;
}

body {
  overflow-x: hidden;
  background: #FFF; /* Fallback for when there is no custom background color defined. */
  background: var(--siteback, #fff);
  }

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}



/*--------------------------------------------------------------
# Elements, typographic
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea,
.widget-area .widget a,
.widget-area .widget-title,
.main-navigation ul li,
h1, h2, h3, h4, h5, h6, p, li, td, .frm_forms {
  color: 000;
  font-size: 16px;
  line-height: 1.4em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6/* , .frm_section_heading h3, , .frm_section_heading h4 */ {
  font-weight: 700;
  margin:  0 0 .2em 0;
  padding: 0;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	line-height: 1.2em;
    padding: 0;
    color: #000;
    color: var(--dark1, #000);
} 

h1 {
    font-size: 3em;
    line-height: 1.2em;
    text-transform: none;
    margin: 0;
	padding-bottom: 9px;
    color: var(--project-name, #000);
}

h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
    margin: 0;
}


	#banner h2{
		background-color: #333;
		background-color: var(--dark2, #333);
		color: #fff !important;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: .05em;
		padding: 0 20px;
	}


h3, 
h4, 
h5, 
h6 {
	margin: 1em 0 .4em 0;
} 

h3:first-child, 
h4:first-child, 
h5:first-child, 
h6:first-child {
	margin-top: 0;
} 


h3 {
	font-size: 3.5em;
}

h4 {
	font-size: 2.5em;
}
h5, h6 {
	font-size: 1.8em;
}

p, li, td  {
	font-size: 1.4em;
}

p {
	margin-bottom: .75em;
}
ul, ol {
	margin: 0;
	padding: 0;
}
	.entry-content ul, .entry-content ol {
		margin: 0;
		padding: 0 0 .5em;
	}


li {
	margin-bottom: .5em;
	margin-left: 1em;
	list-style-type: square
}

li > ul,
li > ol {
    margin-bottom: .5em;
    margin-left: 2em;
}

ul.level2 {
	padding-left: 1.5em;
}
ul.level2 li {
	list-style-type: circle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

a {
  background-color: transparent;
  color: inherit !important;
  font-weight: 700;
  text-decoration: none;
  font-size: inherit !important;
  line-height: inherit;
  font-family: inherit !important;
  border-bottom: 1px dotted #333;
  border-bottom: var(--dark1, #333);
}

a:active,
a:hover {
  outline: 0;
  font-weight: 900;
}
a img {
  display: block;
  text-decoration: none;
  border: none;
}

.widget a {
	border: none;
}

b,
strong {
  font-weight: bold;
}

i,
em,
dfn,
cite {
  font-style: italic;
}

sup, sub {
	font-size: .8em;
	vertical-align: baseline;
	position: relative;
	top: -0.15em;
}

sub {
	top: 0;
}





/*--------------------------------------------------------------
# Elements, other
--------------------------------------------------------------*/

abbr,
acronym {
  border-bottom: 1px dotted #666;
  border-bottom: var(--light-neutral, #666);
  cursor: help;
}

address {
  margin: 0 0 1.5em;
}


input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
}


button, 
.su-button.sa-ooh,
a.su-button.sa-ooh,  
button.frm_button_submit {
  font: inherit;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: .1em;
  text-align: left;
  box-sizing: border-box !important;
  margin: .5em 0 1em 0;
  background-color: #333 !important;
  background-color: var(--dark1, #333) !important;
  padding:9px 12px  !important;
  border: none !important;
  border-radius: 7px;
}

.su-button-style-default span, 
.su-button.sa-ooh span {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0;
}
.jump-buttons {
	min-height: 7em;
	margin: 2em 0 0 0;
}
.homepage .jump-buttons, .lastpage .jump-buttons  {
	min-height: 3em;
}
.jump-buttons .su-button {
	color: #fff !important;
	width: 100%;
	margin-top: 0;
	}
.su-button.sa-ooh.previous,
a.su-button.sa-ooh.previous, .su-button.sa-ooh.secondary
 {
  background-color: #555 !important;
  background-color: var(--dark2, #555) !important;
}
input {
  line-height: 1.2em;
}



input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
  color: var(--dark-neutral, #111);
}

.focus,
.focus a {outline: none !important;
}

span {
  color: inherit !important;
}


svg:not(:root) {
  overflow: hidden;
}

textarea {
  font-size: 1.25em;
}




/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*
Responsive menu = 
#site-navigation.main-navigation
	> .header-menu-button
	>#main-menu.main-menu-container 
		>.menu-topnav-container
			#primary-menu.menu
*/


/* Theme automatically places nav (#site-navigation.main-navigation) between top mast and bottom mast widget areas. This is turned off until 767px, when mobile button takes over. Until then, navis added through widget, with four style options. */
#site-navigation {
	display: none;
}

.widget_nav_menu {
	display: block;
	float: none;
	width: 100%;
}
.widget_nav_menu ul {
	display: inline-block;
	margin: 0;
}
.widget_nav_menu ul li {
    list-style-type: none;
    float: left;
	color: #fff
	color: var(--nav-color, #fff);   
    margin: 0;
}
.widget_nav_menu ul li a {
    text-transform: uppercase;
    display: block;
    color: inherit;
    box-shadow: none;
	line-height: 1.2em;
}

.widget_nav_menu ul li.current_page_item a {
	font-weight: 800 !important;
	font-size: 15px;
}
/* strip */
.strip-nav.widget_nav_menu {
 	padding: 0 ;
	text-align: right;
}
.strip-nav.widget_nav_menu ul li {
    color: #333;
    color: var(--dark1, #333);
}
.strip-nav.widget_nav_menu ul li br {
    display: none;
}
.strip-nav.widget_nav_menu ul li a {
    padding: 0 .5em;
	font-size: 15px !important;
	letter-spacing: .01em;
	border-right: 1px solid #333;
	border-right-color: var(--dark1, #333);
	font-weight: 700;
}

/* bar */
.bar-nav.widget_nav_menu {
 	padding: 0 .5em;
	text-align: center;
	background-color: #000;
	background-color: var(--nav-back, #000);
}
.bar-nav.widget_nav_menu ul {
 	border-left: 1px solid #fff;
	margin-bottom: 0;
}
.bar-nav.widget_nav_menu ul li a {
    padding: .5em 1em .25em;
	font-size: 16px !important;
	letter-spacing: .1em;
	border-right: 1px solid #fff;
	font-weight: 700;
}
.bar-nav.widget_nav_menu ul li.single a {
	padding-top: 1em !important;
}

/* tab */
.tab-nav.widget_nav_menu {
 	padding: 0 .5em;
	text-align: center;
	margin-top: .5em;
}
.tab-nav.widget_nav_menu ul {
	margin-bottom: 0;
}
.tab-nav.widget_nav_menu ul li a {
	padding: .5em 2em .5em .5em;
	font-size: 16px !important;
	letter-spacing: .1em;
	font-weight: 700;
	background-color: rgba(255,0,0,.8);
	background-color: var(--tabs, rgba(0,0,0,.8));
	border-top-right-radius: 2em;
	margin: 0 .25em;
	text-align: left;
	min-height: 3.25em;
	line-height: 1em;
}
.tab-nav.widget_nav_menu ul li.single a {
	padding: 1em 2em 1em .5em;
}

/* arrows */

.arrow-nav.widget_nav_menu {
	position: static;
	left: 20px;
	text-align: left;
}
.arrow-nav.widget_nav_menu ul {
	width: 100%
}
.arrow-nav.widget_nav_menu li {
	min-width: 20%;
}

.arrow-nav.widget_nav_menu li a {
	font-size: 18px !important;
	color: #fff;
	color: var(--nav-color, #fff) !important;
	text-decoration: none; 
	padding: 13px 3px 5px 27px;
	background-color: #999;
	background-color: var(--nav-back, #999);
	position: relative; 
	text-transform: none;
	min-height: 50px;
	margin-left: 3px;
}

.arrow-nav.widget_nav_menu li:first-child a {
  padding-left: 15px;
	margin-left: 0;
}

.arrow-nav.widget_nav_menu li > a::after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 15px solid #999;
  border-left-color: var(--nav-back, #999);
  position: absolute;
  top: 50%;
  margin-top: -25px; 
  left: 100%;
  z-index: 2; 
}
.arrow-nav.widget_nav_menu li >  a::before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 27px solid transparent;       
  border-bottom: 27px solid transparent;
  border-left: 17px solid white;
  position: absolute;
  top: 50%;
  margin-top: -27px; 
  margin-left: 2px;
  left: 100%;
  z-index: 1; 
}

.arrow-nav.widget_nav_menu li.current-menu-item > a {
	background-color: #5A5A5A !important;
	background-color: var(--nav-active, #5A5A5A)!important;
	color: #fff !important;
	}
.arrow-nav.widget_nav_menu li.current-menu-item > a::after { 
	border-left-color: var(--nav-active, #5A5A5A);
}

.arrow-nav.widget_nav_menu li a:hover {
	font-weight: 800;
	text-decoration: none !important;
}
.arrow-nav.widget_nav_menu ul li br {
    display: none;
}


/*--------------------------------------------------------------
# IDs and Classes
--------------------------------------------------------------*/
#coming, #closed {
	text-align: center;
	padding: 5em 20%;
	font-size: 1.5em;
}


.caption {
	font-size: 1.2em;
	color: #fff;
	background-color: #555;
	background-color: var(--dark-neutral, #555);
	margin: -.25em 0 .3em 0 !important;
	padding: .25em .5em .75em .5em;
	line-height: 1.2em;
	text-align: left !important;
}
p.caption.title {
	font-size: 1.4em;
	font-style: italic;
	margin: 1em 0 0 !important;
}
p.caption.spacer {
	margin-bottom: 2em;
}
.center-callout {
	text-align: center;
}

.clear {
	clear: both;
	}
	
p.clear {
	height: 0;
	margin: 0;
	}
	
/*This is the note below images saying "click to enlarge"*/
.click {
	margin-bottom: 2em;
	font-size: 1.1em !important;
	text-align: left;
	font-style: italic;
	font-weight: 500;
	clear: both;
}
	.mfp-content .click {
		display: none;
	}
	
.close-up {
	margin-bottom: 0 !important;
}

.coming-soon {
	text-align: center;
	padding: 0 20%;
}

.credit {
	font-size: .8em;
	text-align: right;
}
.credit span {
	text-transform: uppercase;
	font-size: .9em;
}
.credit a {
	font-weight: 500 !important;
}
/*
.entry-content {
	margin: 0;
}
*/
.content-container {
	padding-top: 2em;
	background: var(--contentback, #fff);
}
.double {
	column-count: 2;
}
.first {
	margin-top: 1em !important;
}

/* Something is generating a focus class, which then outlines the home page on the mobile menu. This overrides. */
.focus,
.focus a {outline: none !important;
}

.frame {
	border: 1px solid #555;
	border-color: var(--dark-neutral, #555);
}
.hidden {
	display: none;
}
/* Wrapping images in this gives control over the p tag that Wordpress wants to auto-insert around images. */
.image-hold {
	margin: 0;
	line-height: 1em;
}
.intro p, .intro li {
	font-size: 1.6em;
}
.legend {
	background-color: #eee;
	background-color: var(--light-neutral, #eee);
	padding: 1em;
	margin-top: -1em;
	font-size: .9em;
}

.legend section {
	width: 48%;
	float: left;
	margin-right: 3%;
}
.legend section.last {
	margin-right: 0;
}
.legend .click {
	margin: 0;
}

.legend p {
	font-weight: 400;
}
.legend p.sub {
	color: #5a5a5a;
	color: var(--dark-neutral, #5a5a5a);
	margin-bottom: .5em !important;
	padding-left: 0;
	text-indent: 0;
}
.legend-list p, p.legend-list {
	padding-left: 40px;
	text-indent: -40px
}

/* Use this to add plain (no icons or indents) text within a legend: */
.legend section.text p {
	padding-left: 0px;
	text-indent: 0px;
}

.legend span {
	color: #fff !important;
	font-weight: 500 !important;
	display: inline-block;
	font-size: 1.1em;
	width: 32px;
	background-color: #333;
	background-color: var(--key1, #333);
	text-align: center;
	margin: 0 8px -.5em 0;
	text-indent: 0;
	padding: 0;
	height: 32px;
	line-height: 1.2em;
	background-position: center; 
	background-repeat: no-repeat;
	background-size: contain; 
	border: 1px solid #fff;
}
.legend span.circle {
	border-radius: 50%;
}
.legend span.line {
    background: transparent;
    height: .8em !important;
    border: none;
    border-bottom: 8px solid #000;
}
.mfp-close {
	position: fixed; /* This must be set on each site's Shortcodes/Settings page. */
	top: 2em !important;
	right: 2em !important;
	text-align: center !important;
	background-color: #333 !important;
	background-color: var(--dark1, #333) !important;
	margin: 0;
	padding: 0 !important;;
	width: 3em !important;
	border: 1px solid #fff !important;
}
.mfp-content {
	max-width: 1200px;
}
.mobile {
	display: none;
}
.nobreak {
	white-space: nowrap;
	color: inherit;
}
/*This is a span to set sections within headings as normal case*/
.normal {
	text-transform: none;
	}

.note {
	font-style: italic;
	font-weight: 400;
	text-indent: 0 !important;
	padding: 0 !important;
}

.notes-head {
	font-size: 1.7em !important;
	font-weight: 700;
	background-color: #333;
	background-color: var(--dark1, #333);
	padding: .15em .5em;
	color: #fff !important;
	letter-spacing: .05em !important;
	margin: 1.5em 0 0 0 !important;
	line-height: 1.3em;
	border: 1px solid #333;
	border-color:  var(--dark1, #333);
	}
.notes-head:first-child {
	margin-top: .3em !important;
	}
.notes {
	background-color: #eee;
	background-color: var(--light1, #eee);
	font-size: .95em;
	margin: 0 0 3em 0;
	padding: 1em 1em .5em 1em;
	border: 1px solid #333;
	border-color:  var(--dark1, #333);
	}

.notes p, .notes li {
	font-weight: 400;
	}

.placeholder {
	background: orange;
	background: var(--dark3, orange);
	min-height: 10em;
	padding: 1em;
}
.remember {
	color: #f00;
	color: var(--dark2, #f00);
	font-style: italic;
	font-weight: bold;
}
.su-divider a {
	background-color: #888;
	background-color: var(--dark2, #888);
	padding: .25em .5em;
	color: #fff !important;
	font-size: 1em !important;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.sub {
	text-transform: uppercase;
	font-weight: 900 !important;
	letter-spacing: .05em;
	color: #333;
    color: var(--dark2, #333) !important;
}
	p.sub {
		font-size: 1.3em;
		margin-bottom: 0;
	}
	
	span.sub {
	font-size: .9em;
	}

.sui {
	font-family: ShortcodesUltimateIcons;
}
.temp-hide {
	display: none;
}


.thanks {
	font-style: italic;
	font-weight: 700;
	color: var(--dark1, #333);
}

/*--------------------------------------------------------------
Default slider settings
--------------------------------------------------------------*/
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
	background: none !important; 
}
.owl-dot:before {
	counter-increment:dots;
	content:counter(dots);
	display:inline-block;
	margin:0px 3px;
	width:24px;
	height: 24px;
	text-align:center;
	padding:4px;
	font-size:12px;
	line-height:16px;
	color:#374265;
	border: none;
	background-color: #374265 !important;
	border-radius:50%;
	-webkit-transition:all 300ms ease-in;
	-moz-transition:all 300ms ease-in;
	-o-transition:all 300ms ease-in;
	transition:all 300ms ease-in;
}
.sa_owl_theme .owl-dots .owl-dot span {
	display:none !important;
}
.owl-item.active:before,
.owl-dot:hover:before {
	background-color:#0067b1 !important;
	color:#0067b1;
}

.owl-carousel.sa_owl_theme .owl-dots {
	bottom: -28px !important;
	counter-reset:dots;
}
.owl-carousel.sa_owl_theme .owl-dots button.owl-dot {
		border-radius: 0 !important;
		margin: 0 .5em !important;
	}
.owl-carousel.sa_owl_theme p {
	text-align: center;
	color: #fff;
	font-size: 1.8em;
	font-weight: 400;
	padding: .5em 2em !important;
}
.owl-carousel.sa_owl_theme p.slider-pos {
	color: #000;
}
.owl-carousel .owl-item figcaption {
	visibility: hidden;
}
.owl-carousel .owl-item.active figcaption {
	visibility: visible;
}
.owl-carousel.sa_owl_theme figcaption {
	font-size: 1em;
	line-height: 1.2em;
	position: fixed;
	bottom: .25em;
	background: rgba(0,0,0,.5);
	background: var(--trans1, rgba(0,0,0,.5));
	color: #fff;
	font-weight: 400;
	padding: .25em .5em .5em .5em;
	width: 100%;
	border-bottom: 3px solid #333;
	border-bottom-color: var(--dark1, #333);
}
/*--------------------------------------------------------------
Default accordion settings
--------------------------------------------------------------*/

.su-accordion {
	margin: 2em 0;
	border-bottom: 2px dashed #333;
	border-bottom-color: var(--dark1, #333);
}
.su-spoiler-title {
	font-size: 1.6em !important;
	border-color: var(--dark1, #333) !important;
	border-top: 2px dashed;
	padding-top: .5em !important;
	padding-left: 1.5em !important;
	text-indent: 0 !important;
	line-height: 1.2em;
	color: var(--dark2, #000);
}
.su-spoiler-icon {
	top: .7em !important;
	font-size: 1em !important;
	margin-left: 0;
	color: var(--dark1, #000);
}
.su-spoiler-content {
	padding: .5em 0 !important;
}

.su-accordion.solid {
	border-bottom: none;
}
.su-accordion.solid .su-spoiler-title, .su-spoiler.solid .su-spoiler-title {
	font-size: 1.4em !important;
	letter-spacing: .01em;
	border: none;
	padding: .5em .5em .5em 1.5em  !important;
	background-color: #333;
  background-color: var(--dark1, #333);	
	color: #fff;
	border-radius: .25em .25em 0 0;
	color: #fff;
}
.su-accordion.solid .su-spoiler.su-spoiler-closed>.su-spoiler-title, 
.su-spoiler.solid.su-spoiler-closed>.su-spoiler-title {
	border-radius: .25em;
}

.su-accordion.solid .su-spoiler-icon, .su-spoiler.solid .su-spoiler-icon {
	font-size: .9em !important;
	margin-left: .25em;
}

.su-accordion.solid .su-spoiler-content, .su-spoiler.solid .su-spoiler-content {
	background-color: #ddd;
  background-color: var(--light1, #333);
	border: 1px solid #0067b1;
	padding: 1em !important;
	font-size: .9em;
	margin-bottom: 1em;
}
.su-spoiler.su-spoiler-closed>.su-spoiler-content, .su-accordion.solid .su-spoiler.su-spoiler-closed .su-spoiler-content {
	height: 0 !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
}

/*--------------------------------------------------------------
form settings to be customized on site's formidable/custom css page 
--------------------------------------------------------------*/

/* leaving this here because accidentally overriding it leaves radio buttons and checkboxes to appear unselected! */
.with_frm_style .frm_radio input[type=radio]:before, .with_frm_style .frm_checkbox input[type=checkbox]:before {
    box-shadow: inset 10px 10px var(--text-color);
}
/*--------------------------------------------------------------
# Nikkon Content Layout Styling
--------------------------------------------------------------*/


header#masthead li {
    list-style-type: none !important;
}

.widget-area {
  width: 48%;
  float: left;
  padding: 0 2% 0 0;
  box-shadow: none;
}


.error404 .content-area,
.content-area-full,
.page-template-template-full-width-php .content-area,
.woocommerce .content-no-sidebar #container,
.woocommerce-page .content-no-sidebar #container,
.content-no-sidebar .content-area {
	width: 100%;
	float: none;
	padding: 0 !important;
	position: relative;
}

.site-container {
  position: relative;
}

/* -------- Header Elements -------- */

.site-top-bar {
    border: none;
    background-color: #fff;
}
.site-top-bar .site-container {
  padding: 10px 20px 0 20px;
  line-height: 1.2em;
}
.site-
.site-top-bar-left, .site-top-bar-right {
  box-shadow: none;
}
.site-top-bar-left {
 padding: 0 0 10px 0;
 float: none !important;
}
.site-top-bar-right {
	position: absolute;
	right: 0;
	top:0;
	text-align: right;
	padding: 8px 20px 0 20px;
	background-color: transparent;
}

#header-client-logo img {
	display: inline-block;
	max-height: 60px;
	width: auto;

}

.widget_gtranslate {
	font-size: .9em;
	font-weight: 400
}
.widget_gtranslate select{
	font-size: 1em;
	border: 1px solid #666;
}

header#masthead {
	background-color: transparent;
	padding: 0;
	background-size: cover;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center !important;
	margin: 0;
}

header .mast-top {	
	background-color: #ddd;
	background-color: var(--mast-back, #ddd);
	}
header .mast-middle {
   background-color: #ddd;
   background-color: var(--mast-back, #ddd);
}
header .mast-bottom {	
	background-color: #bbb;
	background-color: var(--mast-bottom, #bbb);
	}

    

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget, .widget-area .widget {
  margin: 0 0 1.5em;
}

li.widget  {
	line-height: 0;
}

li.widget, header li, .site-top-bar li, footer li  {
  margin: 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
}


/* -------- Footer Elements -------- */

.site-footer-standard {
    background-color: #222;
    background-color: var(--dark-neutral, #222);
    box-shadow: none;
    color: #fff;
	padding: 1em 0 3em;
}
.site-footer-standard .site-footer-widgets {
    padding: 0 0 2em 0 !important;
}
.site-footer-widgets .site-container {
	position: relative;
	}
.site-footer-widgets ul {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	display: block
	}
.site-footer-widgets li {
	display: block;
	padding: 0 !important;
	margin: 0 4% 2em 0;
	width: 48% !important;
	float: left !important;
   color: #fff;
	}
.site-footer-widgets li.right {
	margin-right: 0;
	float: right !important;
	}
.site-footer-standard li a {
    color: inherit !important;
}
.site-footer-widgets .widget-title {
	display: block;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.2em;
	padding-bottom: .25em;
	border-bottom: 1px dotted #fff;
	background-color: transparent !important;
	color: #fff;
}

.site-footer .site-footer-widgets li, .site-footer .site-footer-widgets a, .site-footer .site-footer-widgets p {
    color: #fff !important;
    font-size: 1em;
}


.site-footer-widgets li#share,  .site-footer-widgets li#follow,
 .site-footer-widgets li#sa {
float: right;
	}
.site-footer-widgets li#sa {
	border-top: 1px dotted #fff;
	font-size: 1.1em;
	margin-top: 3em !important;
	text-transform: uppercase;
	padding-top: 1em !important;
	}
.power {
	margin-bottom: 0 !important;
}
p.copyright {
	margin-top: 1em;
	font-size: .8em !important;
}
.sow-social-media-button {
	margin-right: 1em !important;
	}
.addtoany_list a {
	margin-right: .25em;
}
.site-footer-bottom-bar {
display: none;
}

/* Once there stops being extra white space on sides, make banner extend to edges. */
@media screen and (max-width: 1200px) {

#banner {
	margin: 0 -20px;
}
}/* This ends 1200. */

/* change responsive nav to make switches to button at 767 instead of 980 */
@media screen and (max-width: 980px) {

#main-menu {
    color: #FFFFFF;
    position: static;
    width: 100%;
    padding: 0 !important;
    background: #000000;
    background: var(--dark-neutral, #000);
    height: auto;
    overflow: auto;
    transition: none;
}
.header-menu-button{
	display: none;
}	
#primary-menu {
    display: inline-block;
}

#header-client-logo img {
	max-height: 50px;
}


.fas, .fas.fa-bars {
    font-family: "Font Awesome 5 Free" !important;
}
.desktop {
	display: none;
}
.mobile {
	display: block;
}
.click {
	display: none;
}

.site-container {
	font-size: .9em;
}
.owl-carousel.sa_owl_theme p {
	font-size: 1.6em;
	padding: .5em 2.5em !important;
}

}/* This ends 980. */

@media only screen and (max-width: 920px){
}

/* Overrides to parent stylesheet: */
@media only screen and (max-width: 782px) {
.page-template-default .content-area, .content-area {
    padding: 0 !important;
}
.site-top-bar-left {
	text-align: left;
    }
}/* This ends 782. */

/* su-columns switch to 100% */
@media screen and (max-width: 767px) {
.widget_nav_menu {
	display: none !important;
}

.content-container {
		padding-top: 3em;
	}/* (Mobile nav has absolute positioning, so overlays the padding of the content-container.) */


#site-navigation {
	display: block !important;
	position: absolute;
	bottom: -28px;
	left: 0;
	right: 0;
	height: 28px;
	z-index:10;

}

.site-header-layout-three .header-menu-button {
	display: block;
  padding: 0;
	background-color: #333 !important;
	background-color: var(--dark1, #333) !important;
	color: #fff !important;
	font-weight: 600;
	letter-spacing: .1em;
	font-size: 1.3em;
	border-top: 1px solid #fff;
}
#main-menu {
    color: #FFFFFF;
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    max-width: 100%;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4em 1em !important;
    background: #000000;
    background: var(--dark-neutral, #000);
    z-index: 99998;
    height: 100%;
    overflow: auto;
    transition: right 0.4s ease 0s;
}
#site-navigation ul {
 	border-top: 1px dotted #ccc;
 	border-top-color: var(--light1, #ccc)
}
#site-navigation ul li a {
  color: #fff !important;
	padding: 1em 0 !important;
 	border-bottom: 1px dotted #ccc;
 	border-bottom-color: var(--light1, #ccc)
	height: auto;
}
#site-navigation ul li br {
	display: none
}
.menu-topnav-container ul li.single a {
	padding-top: inherit !important;
}
.menu-topnav-container ul li.home a {
	padding-left: inherit !important;
}


/* The styles below were moved from 980px, and changed from .main-navigation in order to circumvent the nikkon style sheet 980px directives */
		.child-navigation li a {
		        display: block;
		        float: none;
		        padding: 7px 0 !important;
		        color: #fff !important;
		        text-align: left;
		    }
		    
		    .child-navigation ul ul {
		        position: relative !important;
		        top: 0 !important;
		        left: 0 !important;
		        float: none !important;
		        background-color: rgba(255, 255, 255, 0.14) !important;
		        padding: 0;
		        margin: 0;
		        display: none !important;
		    }
		    .child-navigation ul ul li:last-child a,
		    .child-navigation ul ul li a {
		        padding: 8px 10px !important;
		        width: auto;
		    }
		    .child-navigation ul ul li a {
		        background: none !important;
		    }
		    .child-navigation li.nikkon-menu-button .nav-span-block {
		        background: none !important;
		    }
		    .child-navigation li a:hover {
		        color: #ddd !important;
		        color: var(--light1, #ddd) !important;
		    }
		    
		    #primary-menu {
		        display: block;
		    }








.main-navigation ul ul {
    display: none !important;
}
#primary-menu {
display: block;
}
.main-menu-close {
    display: block;
}
.menu-dropdown-btn {
    display: block;
}
.main-navigation .open-page-item > ul.children,
.main-navigation .open-page-item > ul.sub-menu {
    display: block !important;
}
.site-footer-widgets ul li, .site-footer-widgets ul li#contact,  .site-footer-widgets ul li#share,  .site-footer-widgets ul li#follow,
 .site-footer-widgets ul li#sa {
	width: 100% !important;
	float: none !important;
	margin-bottom: 2.5em !important;
	}
	.owl-carousel.sa_owl_theme figcaption {
    bottom: 6px;
}
	
/*
	.frm_section_heading > .frm_form_field, .frm_fields_container > .frm_submit, .frm_grid_container > .frm_form_field, .frm_fields_container > .frm_form_field {
    grid-column: 1 / span 12 !important;
}
*/
}/* This ends 767. */



/* Switch to centered header at 600px */
@media screen and (max-width: 600px) {
.site-top-bar-right {
	text-align: center;
}
.site-top-bar-left {
	margin-top: 3em;
	text-align: center;
}
#header-client-logo img {
	max-height: 40px;
}

}/* This ends 600. */


@media screen and (max-width: 520px) {
.site-container {
	font-size: .8em;
}
.owl-carousel.sa_owl_theme p {
	font-size: 1.5em;
}

}/* This ends 520. */


#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon {
color: #fff !important;
}