/*
* ÃÛÌÒ´«Ã½ WEBSITE
*/

:root{
	--sjcsgreen:#008c48;
	--sjcsgreen2:#0c5636;
	--font1:'Open Sans', sans-serif;
	--font2:'Poppins', sans-serif;
}

.white-text,
.white-text p,
.white-text span{color: var(--sjcsgreen) !important;}

.green-text,
.green-text p,
.green-text span{color: var(--sjcsgreen) !important;}


h1, h2, h3, h4, h5, h6,
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p{font-family: var(--font2) !important;}

body, body p, body span, body a{font-family: var(--font1) !important;}

header.header nav.main-nav{line-height: 105px !important;}

body .nav-border .main-nav > ul.menu > li > a:after, 
body .nav-double-border .main-nav > ul.menu > li > a:before, 
body .nav-double-border .main-nav > ul.menu > li > a:after, 
body .background-nav .main-nav .menu > li.current-menu-ancestor > a, 
body .background-nav.background-nav-round .main-nav .menu > li.current-menu-ancestor > a, 
body .background-nav .main-nav .menu > li.current-menu-item > a, 
body .background-nav.background-nav-round .main-nav .menu > li.current-menu-item > a, 
body .solid-color-bg .main-nav .menu > li.current-menu-item, 
body .solid-color-bg .main-nav .menu > li.current-menu-parent, 
body .solid-color-bg .main-nav .menu > li.current-menu-ancestor{
	background-color: var(--sjcsgreen);
}

body .main-nav > ul > li > a:hover, 
body .main-nav .sub-menu > ul > li > a:hover, 
body .menu-wrap .main-nav > ul > li > a:hover, 
body .main-side-left .main-nav > ul > li > a:hover, 
body .main-side-left .main-nav-left.main-nav > ul > li > a:hover, 
body .main-side-left .main-nav-left.main-nav .menu li.menu-item-has-children a:hover:after, 
body .main-nav ul > .current-menu-item > a, .main-nav > .menu > li.current-menu-item > a, 
body .main-nav .menu > li.current-menu-ancestor > a, .main-nav li:hover > a, 
body .dark .main-nav > ul > li:hover > a, 
body .main-nav > ul > li.menu-item-has-children:hover > a{
	color: var(--sjcsgreen) !important;
}

div.header-wrap div.pageTopCon{background: var(--sjcsgreen) !important;color: #FFF !important;}
div.header-wrap div.pageTopCon a{color: #FFF !important;}

body .widget.widget_archive li, 
body .widget.widget_pages li, 
body .widget.widget_product_categories li, 
body .widget.widget_recent_comments li, 
body .widget.widget_meta li, 
body .widget.widget_categories li, 
body .widget.widget_recent_entries li, 
body .widget.widget_nav_menu li{
	margin-bottom: 0;
}

/*tabs*/
body div.vc_tta-tabs{}

body div.vc_tta-tabs div.vc_tta-tabs-container{}
body div.vc_tta-tabs div.vc_tta-tabs-container ul.vc_tta-tabs-list{}
body div.vc_tta-tabs div.vc_tta-tabs-container ul.vc_tta-tabs-list > li.vc_tta-tab{}
body div.vc_tta-tabs div.vc_tta-tabs-container ul.vc_tta-tabs-list > li.vc_tta-tab > a{background-color: var(--sjcsgreen) !important;}
body div.vc_tta-tabs div.vc_tta-tabs-container ul.vc_tta-tabs-list > li.vc_tta-tab > a > span{color: #FFF;}
body div.vc_tta-tabs div.vc_tta-tabs-container ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active{}
body div.vc_tta-tabs div.vc_tta-tabs-container ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a{background-color: white !important;}
body div.vc_tta-tabs div.vc_tta-tabs-container ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a > span{color: #666 !important;}


body div.vc_tta-tabs div.vc_tta-panels-container{}
body div.vc_tta-tabs div.vc_tta-panels-container > div.vc_tta-panels{background-color: #FFF !important;}
body div.vc_tta-tabs div.vc_tta-panels-container > div.vc_tta-panels > div.vc_tta-panel{}
body div.vc_tta-tabs div.vc_tta-panels-container > div.vc_tta-panels > div.vc_tta-panel div.vc_tta-panel-heading{}
body div.vc_tta-tabs div.vc_tta-panels-container > div.vc_tta-panels > div.vc_tta-panel div.vc_tta-panel-heading h3.vc_tta-panel-heading{}
body div.vc_tta-tabs div.vc_tta-panels-container > div.vc_tta-panels > div.vc_tta-panel div.vc_tta-panel-body{}
body div.vc_tta-tabs div.vc_tta-panels-container > div.vc_tta-panels > div.vc_tta-panel.vc_active{}


/*@media only screen and (min-width : 992px) and (max-width : 1200px){*/
@media only screen and (min-width : 992px){

	/*text alignment*/
	
	.text-md-left { text-align: left !important; }
	.text-md-right { text-align: right !important; }
	.text-md-center { text-align: center !important; }
	.text-md-justify { text-align: justify !important; }
	
}

/*small*/
@media only screen and (max-width : 991px) {
	
	/*text alignment*/
	.text-sm-left { text-align: left !important; }
	.text-sm-right { text-align: right !important; }
	.text-sm-center { text-align: center !important; }
	.text-sm-justify { text-align: justify !important; }

	header.header{border:none !important;}
	header.header div#logo{max-width: 100%;width: 100%;}

}

/*extra small*/
@media only screen and (max-width : 767px) {
	
	/*text alignment*/
	.text-xs-left { text-align: left !important; }
	.text-xs-right { text-align: right !important; }
	.text-xs-center { text-align: center !important; }
	.text-xs-justify { text-align: justify !important; }

}

/*not so small*/
@media only screen and (max-width : 480px) {

}

/*iphone*/
@media only screen and (max-width : 320px) {
}