/*
 Theme Name:   Nikkon Child
 Theme URI:    https://kairaweb.com/theme/nikkon/
 Description:  Nikkon Child Theme
 Template:     nikkon
 Version:     2.1.09 June 23, 2022
 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;
}


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

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: absolute;
	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;
}


/*--------------------------------------------------------------
# Classes
--------------------------------------------------------------*/
.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;
}

.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);
}
.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 .sub {
	color: #5a5a5a;
	color: var(--dark-neutral, #5a5a5a);
	margin-bottom: .5em !important;
}
.legend-list p, p.legend-list {
	padding-left: 40px;
	text-indent: -40px
}
.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;
}
.thanks {
	font-style: italic;
	font-weight: 700;
	color: var(--dark1, #333);
}

/*--------------------------------------------------------------
Form styling is generally set in the Formidable custom css page. However, adding this one thing in here because if the default "no box shadow" isn't over written, the buttons and checkboxes don't "fill in."
--------------------------------------------------------------*/


.with_frm_style .frm_radio input[type=radio]:before, .with_frm_style .frm_checkbox input[type=checkbox]:before {
    box-shadow: inset 10px 10px black !important;
}



/*--------------------------------------------------------------
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 {
	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 {
	border-radius: .25em;
}

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

.su-accordion.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/styles/custom css panel 
--------------------------------------------------------------*/
/* 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: #ddd;
	background-color: var(--banner-back, #ddd);
	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-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;
}

#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;
}