/*
 Theme Name:   Nikkon Child
 Theme URI:    https://kairaweb.com/theme/nikkon/
 Description:  Nikkon Child Theme
 Template:     nikkon
 Version:     2.1.0
 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 {
  font-family: 'Open Sans', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
    overflow-x: hidden;
    color: #222;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}


/*--------------------------------------------------------------
# Elements, typographic
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #808080;
  font-size: 16px;
  font-size: 14px;
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: 700;
  margin:  0 0 .5em 0;
  padding-bottom: .2em;
}

h1, 
h1 a, 
h2, 
h2 a, 
h3, 
h3 a, 
h4, 
h4 a, 
h5, 
h5 a, 
h6, 
h6 a {
	line-height: 1.2em;
} 

h1 {
	font-size: 3.5em;
}

h2 {
	font-size: 2.25em;
	margin-top: 1em;
}

h3 {
	font-size: 2.25em;
}

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

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

p {
	margin-bottom: 1em;
}
ul, ol {
	margin: 0 0 2em .25em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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;
  margin: 0 0 1.5em 0;
  width: 100%;
}

td,
th {
  padding: 0;
}

a {
  background-color: transparent;
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
  font-weight: 900;
}
a img {
  display: block;
  text-decoration: 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;
  cursor: help;
}

address {
  margin: 0 0 1.5em;
}

big {
  font-size: 125%;
}

blockquote {
  margin: 0 1.5em;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

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

button, 
.btn, 
.site-footer-standard .btn, 
.su-button , 
input[type="button"],
input[type="reset"],
input[type="submit"] {
  font: inherit;
  overflow: visible;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1em;
  background-color: #333;
  margin: 2em 0 1em 0;
/*   padding: 10px 25px; */
  text-align: left;
  max-width: 100%;
}


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


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

textarea {
  overflow: auto;
  color: #808080;
  font-size: 1.25em;
  padding-left: 3px;
  width: 100%;
}




/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*
Responsive menu = 
#site-navigation.main-navigation
	> .header-menu-button
	>#main-menu.main-menu-container 
		>.menu-topnav-container
			#primary-menu.menu
*/
		
		
.main-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    position: relative;
    float: left;
    margin: 0;
    text-transform: uppercase;
}
.main-navigation li a {
    display: block;
    text-decoration: none;
    font-weight: 400;
    color: inherit;
}
.main-navigation li a span {
    display: none;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
    color: #FFF;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: 0;
  display: block;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  right: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* MENU button */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

#main-menu {
    text-align: center;
}

.header-menu-button {
    display: none;
}

.menu-dropdown-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.18) !important;
    color: #838383;
    margin: 0;
    padding: 10px 14px;
    height: 35px;
    line-height: 15px;
    text-align: center;
    font-size: 14px;
    z-index: 9;
}
.main-navigation, .site-header-layout-three .main-navigation {
    float: none;
    background: none;
    padding: 0;
}
.main-navigation li a {
    padding: .75em 1em;
}

/* standard menu:
.nikkon-header-nav #menu-topnav	 */
/*
.nikkon-header-nav {
    float: none;
	position: absolute;
	right: 0;
	padding: 0 20px;
	bottom: .25em;
	text-align: center;
	width: 100%;
}
.nikkon-header-nav ul li {
    list-style-type: none;
    float: left;
    position: relative;
}
.nikkon-header-nav ul li a {
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    color: inherit;
    padding: 7px 10px 6px;
    box-shadow: none;
}


.site-top-bar #menu-topnav {
	display: inline-block;
}

.nikkon-header-nav ul li a {
	font-size: 14px;
	color: #fff !important;
	letter-spacing: .1em;
	border-right: 1px solid #fff;
	padding: 0 1em;
	line-height: 1em;
	height: 30px;
	font-weight: 700;
	background-color: #188604;
}
.nikkon-header-nav ul li.home a {
	padding-top: .5em;
	padding-left: 0;
}
.nikkon-header-nav ul li.next a {
	border-right: none;
	padding-right: 0;
}

.nikkon-header-nav ul li.current_page_item a {
	font-weight: 900 !important;
	font-size: 15px;
	line-height: .9em;
}
*/

/* standard menu: may be auto between mast widgets, or within widgets, so:
	.widget_nav_menu .menu-topnav-container —OR— #site-navigation .menu-topnav-container 
	(where "topnav" is the name given on the menu page)	 */

.menu-topnav-container {
    float: none;
	padding: 0 .5em;
	text-align: center;
	width: 100%;
	background-color: #000;
}
.menu-topnav-container ul {
	display: inline-block;
	margin: 0;
}
.menu-topnav-container ul li {
    list-style-type: none;
    float: left;
    color: #fff;
    margin: 0;
/*     position: relative; */
}
.menu-topnav-container ul li a {
    text-transform: uppercase;
    display: block;
    color: inherit;
    padding: 7px 10px 0;
    box-shadow: none;
	font-size: 14px;
	letter-spacing: .1em;
	border-right: 1px solid #fff;
	line-height: 15px;
	height: 3em;
	font-weight: 700;
}
.menu-topnav-container ul li.single a {
	padding-top: 1em;
}
.menu-topnav-container ul li.home a {
	padding-left: 0;
}
.menu-topnav-container ul li.next a {
	border-right: none;
	padding-right: 0;
}
.menu-topnav-container ul li.current_page_item a {
	font-weight: 900 !important;
	font-size: 15px;
}




/*--------------------------------------------------------------
# Classes
--------------------------------------------------------------*/

.entry-content {
	margin: 3em 0 1em 0;
}
.frame {
	border: 1px solid #555;
}
.sui {
	font-family: ShortcodesUltimateIcons !important;
}
.su-button-style-default span {
    border: none;
}
h4.widget-title {
	background: transparent;
	margin-bottom: 1em !important;
	color: #fff !important;
}
.intro p, .intro li {
	font-size: 1.6em;
}
.hidden {
	display: none;
}
.sub {
	text-transform: uppercase;
	font-weight: 900 !important;
	letter-spacing: .05em;
	color: #146505;
}
p.sub {
	font-size: 1.3em;
	margin-bottom: 0;
}
/* 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;
}
.caption {
	font-size: 1.2em;
	color: #fff;
	background-color: #555;
	margin: -.25em 0 .3em 0 !important;
	padding: .25em .5em .75em .5em;
	line-height: 1.2em;
}

.credit {
	font-size: .8em;
	text-align: right;
}
.credit span {
	text-transform: uppercase;
	font-size: .9em;
}
.credit a {
	font-weight: 500 !important;
}
.note {
	font-style: italic;
	font-weight: 400;
	text-indent: 0 !important;
	padding: 0 !important;
}

.notes-head {
	font-size: 1.8em !important;
	font-weight: 700;
	background-color: #146505;
	padding: .25em .5em;
	color: #fff !important;
	letter-spacing: .05em !important;
	margin: 0 !important;
	line-height: 1.3em;
	border: 1px solid #146505;
	}
.notes {
	background-color: #eee;
	font-size: 1em;
	margin: 0 0 3em 0;
	padding: 1em;
	border: 1px solid #146505;
	}

.notes p {
	font-weight: 400;
	}

.remember {
	color: #009446;
	font-style: italic;
	font-weight: bold;
}
/*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;
	}

/*This is a span to set sections within headings as normal case*/
.normal {
	text-transform: none;
	}

.clear {
	clear: both;
	}
.placeholder {
	background: orange;
	min-height: 10em;
	padding: 1em;
}
.su-divider a {
	background-color: #888;
	padding: .25em .5em;
	color: #fff !important;
	font-size: 1em !important;
	text-transform: uppercase;
	letter-spacing: .05em;
}


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

.widget-area .widget-title {
    padding: 0;
    margin: 0;
    font-size: 1.5em;
    line-height: 1.2em;
    border-bottom: none;
    font-weight: 400;
    color: #000000;
}

li.widget  {
    margin: 0;
    padding: 0;
  list-style-type: none;
  display: block;
}


/*--------------------------------------------------------------
# Nikkon Content Layout Styling
--------------------------------------------------------------*/

#page {
    position: relative;
    right: 0;
    overflow: hidden;
    
    -webkit-transition: right 0.4s ease 0s;
     -moz-transition: right 0.4s ease 0s;
      -ms-transition: right 0.4s ease 0s;
       -o-transition: right 0.4s ease 0s;
          transition: right 0.4s ease 0s;
}

.widget-area {
  width: 48%;
  float: left;
  padding: 0 2% 0 0;
  box-shadow: none;
}
.widget-area:nth-child(even) {
  padding: 0 0 0 2%;
}
.content-area {
	width: 100%;
	float: none;
	padding: 0 !important;
	position: relative;

}

.site-container {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

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

.site-top-bar {
    border: none;
}
.site-top-bar .site-container {
  padding: 10px 20px;
}

.site-top-bar-left {
  float: left;
}
.site-top-bar-right {
  float: right;
  text-align: right;
}

.site-top-bar-left, .site-top-bar-right {
  padding: 0;
  background-color: #FFF;
  box-shadow: none;
  min-width: 48%;
  max-width: 48%;
  position: relative;
  line-height: 1.2em;

}
.site-top-bar #logo {
    max-width: 300px;
}
.site-top-bar #translation-button {
}
    
.site-top-bar #translation-button select {
	border: 1px solid #000;
	border-radius: 3px;
    padding: 0 3px 3px 3px;
    margin: 12px 0;
    background-color: #fafdf7;
	font-size: .9em;
    font-weight: 500;
    color: #000;
    line-height: 1em !important;
}

.site-title, .site-header-layout-three .site-title {
    margin: 0;
    padding: 0;
    font-size: 3em;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}
.site-description {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}

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

.site-footer {
}

.site-footer-widgets .widget ul {
    margin: 0;
    padding: 0;
}
.site-footer-widgets .widget ul li {
    margin: 0 0 2px;
    padding: 0;
    display: block;
    float: none;
}
.site-footer-widgets .widget ul li a {
    color: inherit;
}
.site-footer-widgets .widget .search-field {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 8px;
}

.site-footer-bottom-bar {
    display: none;
}
.site-footer .widgettitle,
.site-footer .widget-title {
    border: none;
    padding: 0;
    margin: 0;
    color: #fff;
    text-transform: none;
    font-size: 1.4em;
}
.site-footer .widget a {
    color: inherit;
}

/*--------------------------------------------------------------
Nikkon - Footer Standard Styling
--------------------------------------------------------------*/
.site-footer-standard {
    background-color: #222;
    box-shadow: none;
    color: #777777;
}
.site-footer-standard .site-footer-widgets {
    padding: 50px 0 30px;
}
.site-footer-standard .site-footer-widgets .site-container > ul {
    margin: 0;
    padding: 0;
    display: table-row;
}
.site-footer-standard .site-footer-widgets .site-container > ul > li {
    margin: 0;
    padding: 10px 18px 20px;
    list-style-type: none;
    display: table-cell;
    width: 10%;
    box-sizing: border-box;
    vertical-align: top;
}
.site-footer-standard .site-footer-widgets .site-container > ul > li:first-child {
    padding: 10px 18px 20px 0;
}
.site-footer-standard .site-footer-widgets .site-container > ul > li:last-child {
    padding: 10px 0 20px 18px;
}



@media screen and (max-width: 1040px) {
    
    .main-navigation-left {
        left: 9px;
    }
    .main-navigation-right {
        right: 9px;
    }
    .site-header-layout-two .main-navigation li a {
        padding: 50px 12px 50px;
    }
    
}

@media screen and (max-width: 980px) {
    
    .site-title {
        font-size: 56px;
        line-height: 56px;
        padding: 0 0 4px;
    }
    .site-description {
        font-size: 12px;
        line-height: 14px;
    }
    .header-menu-button {
        display: block;
        padding: 5px 0 10px;
        text-transform: uppercase;
        font-size: 17px;
        cursor: pointer;
        text-align: center;
        background: none !important;
        color: inherit;
        box-shadow: none;
        border: none;
        width: 100%;
    }
    .header-menu-button i {
        font-size: 17px;
        vertical-align: middle;
    }
    .header-menu-button span {
        vertical-align: middle;
        margin: 0 0 0 6px;
    }
    .site-header-layout-three .header-menu-button {
        padding: 28px 0 30px 60px;
    }
    
    .main-navigation-left,
    .main-navigation-right {
        position: relative;
        right: 0;
        width: 100%;
        padding: 0 !important;
        left: 0;
    }
    #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: 70px 22px 30px 22px;
        background: #000000;
        z-index: 99998;
        height: 100%;
        overflow: auto;
        transition: right 0.4s ease 0s;
    }
    .main-menu-inner {
        display: none !important;
    }
    .main-navigation li {
        display: block !important;
        float: none !important;
    }
    .main-navigation li a {
        display: block;
        float: none;
        padding: 7px 0 !important;
        color: #C5C5C5 !important;
        text-align: left;
    }
    
    .main-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;
    }
    .main-navigation ul ul li:last-child a,
    .main-navigation ul ul li a {
        padding: 8px 10px !important;
        width: auto;
    }
    .main-navigation ul ul li a {
        background: none !important;
    }
    .main-navigation li.nikkon-menu-button .nav-span-block {
        background: none !important;
    }
    .main-navigation li a:hover {
        color: #FFF !important;
    }
    
    #primary-menu {
        display: block;
        float: none;
    }
    .main-menu-close {
        display: block;
        border-radius: 4px;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 30px;
        color: #898989;
        text-align: center;
        padding: 1px 3px 2px 10px;
        line-height: 38px;
        cursor: pointer;
        background: none !important;
        box-shadow: none !important;
        border: 0;
    }
    .main-menu-close .fa-angle-left {
        position: relative;
        left: -8px;
    }
    .menu-dropdown-btn {
        display: block;
    }
    .main-navigation .open-page-item > ul.children,
    .main-navigation .open-page-item > ul.sub-menu {
        display: block !important;
    }
    .site-header-layout-one .header-cart,
    .site-header-layout-three .header-cart {
        position: absolute;
        top: 12px;
        left: 12px;
    }
    body.admin-bar .header-cart {
        top: 43px;
    }
    a.header-cart-contents {
        padding: 8px 10px !important;
        color: #FFF !important;
    }

    body.admin-bar #main-menu {
        padding: 102px 22px 30px 22px;
    }
    body.admin-bar .main-menu-close {
        top: 42px;
    }
    body.admin-bar .site-header-layout-one .header-cart,
    body.admin-bar .site-header-layout-three .header-cart {
        top: 44px;
    }
    
    body.show-main-menu .main-menu-inner {
        display: block !important;
    }
    body.show-main-menu #main-menu {
        right: 0px !important;
    }
    body.show-main-menu #page {
        right: 280px !important;
    }
    
}

@media only screen and (max-width: 782px) {
    
    .page-template-default .content-area,
    .woocommerce #container,
    .woocommerce-page #container,
    .content-area {
        box-shadow: none !important;
        width: 100% !important;
        float: none !important;
        padding: 25px 0 30px !important;
    }

    .page-template-default .widget-area,
    .widget-area {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04) !important;
        width: 100% !important;
        float: none !important;
        padding: 40px 0 5px !important;
        margin: 0 0 10px !important;
    }
    .page-template-template-left-sidebar-php .content-area {
        box-shadow: none !important;
        width: 100% !important;
        float: none !important;
        padding: 25px 0 30px !important;
    }
    .page-template-template-left-sidebar-php .widget-area {
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04) !important;
        width: 100% !important;
        float: none !important;
        padding: 40px 0 5px !important;
        margin: 0 0 10px !important;
    }
    
    .site-top-bar .site-container {
        padding: 0;
    }
    .site-top-bar-left {
        float: none;
        width: 100%;
        text-align: center;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
    }
    .site-top-bar .social-icon,
    .site-header-layout-two .header-cart,
    .menu-search,
    .site-topbar-right-no,
    .nikkon-header-nav {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }
    .site-top-bar .social-icon:first-child {
        box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08) inset, 1px 0 0 rgba(0, 0, 0, 0.08) inset;
    }
    .site-header-layout-one .site-topbar-right-no,
    .site-header-layout-three .site-topbar-right-no {
        box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08) inset, 1px 0 0 rgba(0, 0, 0, 0.08);
    }
    .site-header-layout-two a.header-cart-contents {
        box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
    }
    .site-top-bar-right {
        float: none;
        width: 100%;
        text-align: center;
        box-shadow: none;
    }
    .search-block {
        position: relative;
        display: none;
        top: 0 !important;
        right: 0;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;
    }
    .search-block .search-field {
        width: 100%;
    }
    .site-top-bar .nikkon-header-nav {
        float: none !important;
        display: inline-block !important;
    }
    .show-site-search .search-block {
        display: block;
    }
    
    .blog-blocks-wrap .blog-blocks-layout {
        width: 50% !important;
    }
    
    .site-footer-icons {
        padding: 60px 0 45px;
    }
    .footer-social-icon {
        font-size: 40px;
        line-height: 24px;
        margin: 0 10px 15px;
    }
    .footer-social-icon i {
        font-size: 40px;
    }
    
    .site-footer .site-footer-widgets .site-container > ul {
        display: block;
    }
    .site-footer .site-footer-widgets .site-container > ul > li,
    .nikkon-footer-custom-cols-1 .footer-custom-block,
    .nikkon-footer-custom-cols-2 .footer-custom-block,
    .nikkon-footer-custom-cols-3 .footer-custom-block,
    .nikkon-footer-custom-cols-4 .footer-custom-block,
    .nikkon-footer-custom-cols-5 .footer-custom-block {
        padding: 10px 0 30px;
        width: 100%;
        float: none;
        display: block;
    }
    .footer-custom-block.footer-custom-one,
    .footer-custom-block.footer-custom-two,
    .footer-custom-block.footer-custom-three,
    .footer-custom-block.footer-custom-four,
    .footer-custom-block.footer-custom-five {
        width: 100% !important;
    }
    .site-footer .site-footer-widgets .site-container > ul > li:first-child,
    .site-footer .site-footer-widgets .site-container > ul > li:last-child {
        padding: 10px 0 30px;
    }
    
    body.admin-bar #main-menu {
        padding: 116px 22px 30px 22px;
    }
    body.admin-bar .main-menu-close {
        top: 56px;
    }
    body.admin-bar .site-header-layout-one .header-cart,
    body.admin-bar .site-header-layout-three .header-cart {
        top: 58px;
    }
    
}

@media only screen and (max-width: 700px) {
    
    .home-slider-block {
        height: 280px;
    }
    .home-slider-block img {
        width: 100%;
        height: 100%;
    }
    .home-slider-block h3 {
        font-size: 32px;
    }
    .home-slider-block-bg {
        padding: 15px;
    }
    
}

@media only screen and (max-width: 580px) {
    
    .site-header-layout-three .site-branding {
        float: none;
        display: block;
    }
    .site-header-layout-three .main-navigation,
    .site-header-layout-three .main-navigation-mm {
        float: none;
    }
    .site-header-layout-three .header-menu-button {
        padding: 2px 0 10px;
    }
    
    header.entry-header .entry-title {
        margin: 0 0 15px;
    }
    .breadcrumbs {
        position: relative;
        top: 0;
        right: auto;
        padding: 0 0 15px;
    }

    .post-loop-thumbnail,
    .post-loop-content {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px !important;
    }
    
    .site-footer-bottom-bar-left {
        float: none;
        text-align: center;
        padding: 12px 0 0;
    }
    .site-footer-bottom-bar-right {
        float: none;
        text-align: center;
        padding: 5px 0 10px;
    }
    
}

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

    .blog-blocks-wrap .blog-blocks-layout {
        width: 100% !important;
    }
    .blog-style-imgblock .blog-post-blocks-inner-a {
        opacity: 1 !important;
    }

}

/*--------------------------------------------------------------
Fallback CSS for Customizer Library Styles
--------------------------------------------------------------*/

body,
.widget-area .widget a {
    color: #3C3C3C;
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.widget-area .widget-title,
.main-navigation ul li a {
    color: #000000;
    font-family: 'Dosis', sans-serif;
}
.woocommerce table.cart th,
.woocommerce-page #content table.cart th,
.woocommerce-page table.cart th,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input,
button, input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family: 'Dosis', sans-serif;
}

#comments .form-submit #submit,
.search-block .search-submit,
.side-aligned-social a.social-icon,
.no-results-btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce ul.products li.product a.add_to_cart_button, .woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page input.button,
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.single-product span.onsale,
.main-navigation ul ul a:hover,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-menu-parent > a,
.main-navigation ul ul li.current_page_parent > a,
.main-navigation ul ul li.current-menu-ancestor > a,
.main-navigation ul ul li.current_page_ancestor > a,
.main-navigation button,
.wpcf7-submit,
.wp-paginate li a:hover,
.wp-paginate li a:active,
.wp-paginate li .current,
.wp-paginate.wpp-modern-grey li a:hover,
.wp-paginate.wpp-modern-grey li .current,
.main-navigation li.nikkon-menu-button .nav-span-block {
    background: inherit;
    background-color: #13C76D;
}

a,
.content-area .entry-content a,
#comments a,
.post-edit-link,
.site-title a,
.error-404.not-found .page-header .page-title span,
.search-button .fa-search,
.header-cart-checkout.cart-has-items .fa-shopping-cart,
.main-navigation ul#primary-menu > li > a:hover,
.main-navigation ul#primary-menu > li.current-menu-item > a,
.main-navigation ul#primary-menu > li.current-menu-ancestor > a,
.main-navigation ul#primary-menu > li.current-menu-parent > a,
.main-navigation ul#primary-menu > li.current_page_parent > a,
.main-navigation ul#primary-menu > li.current_page_ancestor > a {
    color: #13C76D;
}

a:hover,
.nikkon-header-nav ul li a:hover,
.content-area .entry-content a:hover,
.header-social .social-icon:hover,
.widget-area .widget a:hover,
.site-footer-widgets .widget a:hover,
.site-footer .widget a:hover,
.search-btn:hover,
.search-button .fa-search:hover,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
    color: #047b40;
}

.main-navigation button:hover,
#comments .form-submit #submit:hover,
.search-block .search-submit:hover,
.no-results-btn:hover,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce-page ul.products li.product a.add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce-page #review_form #respond .form-submit input:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.main-navigation li.nikkon-menu-button .nav-span-block:hover,
.wpcf7-submit:hover {
    background: inherit;
    background-color: #047b40;
}