/*
Theme Name: Nagase Chemtex
Description: This is a bare bones theme used for building out custom themes
Author: Adam Bates
Version: 1.0
*/
@import 'https://fonts.googleapis.com/css?family=PT+Sans';

html, body{margin:0; padding:0; font-size:15px; font-family:'PT Sans',sans-serif; color:#333333;}

.content_wrap{max-width:1160px; padding:0 20px; margin:0 auto; position:relative;}

.clear{clear:both;}

.alignleft{float:left; margin:15px 15px 15px 0;}
.alignright{float:right; margin:15px 0 15px 15px;}

a{cursor:pointer; color:#333;}

img{border:none;}

h1,h2,h3,h4,h5,h6{}

#main_header{position:fixed; top:0; right:0; left:0; padding:10px 0; background:#fff; z-index:9;}/*border-bottom:2px solid #f1f1f1;*/
.admin-bar #main_header{top:32px;}

#logo{float:left;}
#logo a{text-decoration:none;}
#logo img{float:left; margin:12px 15px 0 0; width:auto; height:40px;}
#logo h1{vertical-align:top; margin:7px 0 4px 0; color:#0E3069; font-size:21px; white-space:nowrap; font-weight:700;}
#logo h2{vertical-align:top; font-size:15px; white-space:nowrap; margin:0 0 0 0; color:#c70b46; font-weight:500;}

#header_phone{display:block; float:right; color:#c70b46; text-decoration:none; padding:8px 27px; font-size:14px; font-weight:bold; margin:17px 0 0 0;}

#scroll_top_button{display:block; background:#c70b46; color:#fff; position:fixed; bottom:-100px; right:10px; line-height:40px; width:40px; text-align:center; transition:all .2s ease-out; z-index:999; text-decoration:none; border-radius:3px;}
.scrolling #scroll_top_button{bottom:10px;}

#main_nav{text-align:right; float:right; font-size:14px; margin:19px 20px 0 0;}
#main_nav ul{list-style:none; margin:0; padding:0;}
#main_nav li{display:inline-block; position:relative;}
#main_nav li a{display:inline-block; position:relative; line-height:30px; padding:0 10px; text-decoration:none; transition:all 0.2s ease; font-weight:bold;}
#main_nav li:hover a, #main_nav li.current-menu-item a{background:#f1f1f1; color:#c70b46;}
#main_nav li.menu-item-has-children > a:after{font-family: FontAwesome; content:"\f078"; display:inline-block; margin:0 0 0 10px; font-size:8px; vertical-align:top; transition:all 0.2s ease; opacity:.5;}
#main_nav li.menu-item-has-children.submenu_open > a:after{transform:rotate(180deg);}
#main_nav ul.sub-menu{position:absolute; left:0; top:30px; background:#efefef; min-width:150px; transition:all .2s ease-out; text-align:left; max-height:0; opacity:0; transform:scale(.5);}
#main_nav .submenu_open>ul.sub-menu{max-height:300px; transition:all .2s ease-in; opacity:1; transform:scale(1); z-index:9999;}
#main_nav ul.sub-menu li{display:block;}
#main_nav ul.sub-menu li a{line-height:30px; display:block; white-space:nowrap; background:none; color:#333;}
#main_nav ul.sub-menu li a:hover{background:#e0e0e0;}
#main_nav ul.sub-menu li.menu-item-has-children > a:after{font-family: FontAwesome; content:"\f054"; display:inline-block; float:right; font-size:8px; vertical-align:top;}
#main_nav ul.sub-menu ul.sub-menu{left:100%; top:0;}
	
#mobile_nav *{margin:0; padding:0; outline:0;}
#mobile_nav{position:fixed; top:0; bottom:0; left:0; width:260px; margin:0 0 0 -260px; background:#fff; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center; box-shadow:0 0 5px 0 #dadada; transition:all 0.5s cubic-bezier(.87,-.41,.19,1.44); z-index:9999999; display:none;}
.admin-bar #mobile_nav{top:46px;}
#mobile_nav.open{margin:0;}
#menu_scroll{position:absolute; top:0; bottom:0; left:0; width:260px; background:#fff; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center; overflow-y:scroll; direction:rtl;}
#mobile_nav #nav_button{position:absolute; top:0; left:100%; width:56px; height:95px; line-height:95px; font-size:30px; text-align:center; color:#c70b46; transition:all 0.1s ease; cursor:pointer; z-index:9999999;}
#mobile_nav.open #nav_button{/* color:#000000; */ background:rgba(0,0,0,.8);}
#mobile_nav #nav_button #icon_holder:before{font-family: FontAwesome; content:"\f0c9"; display:inline-block; transition:all 0.2s ease;}
#mobile_nav.open #nav_button #icon_holder:before{content:"\f00d";}
#mobile_nav #nav_button i{margin:0 7px 0 0;}
#mobile_nav li{position:relative;}
#mobile_nav li a{display:block; padding:10px 5px; color:#333; font-size:16px; font-weight:bold; border-bottom:1px solid #dadada; background:#f9f9f9; text-decoration:none; transition:all 0.1s ease; direction:ltr;}
#mobile_nav li a:hover{background:#dadada;}
#mobile_nav li .submenu_toggle{position:absolute; top:0; right:0; width:40px; line-height:40px; text-align:center; font-size:20px; transition:all 0.2s ease; display:block; border-left:1px solid #dadada; background:#f1f1f1;}
#mobile_nav li .submenu_toggle i{transition:all .2s ease;}
#mobile_nav li .submenu_toggle.open i{transform:rotate(180deg);}
#mobile_nav li .sub-menu{display:none;}
#mobile_nav li .sub-menu a{display:block; padding:10px 5px; color:#000000; font-size:14px; font-weight:normal; background:none; border-bottom:1px solid #f2f2f2; margin:0; transition:all 0.1s ease;}
#mobile_nav li .sub-menu a:hover{background:#f4f4f4;}

#container{min-height:350px; margin:87px 0 0 0;}

.entry-title{margin:0 0 15px 0; color:#3b3b3b; font-size:23px;}
	
/* #content{width:70%; float:left; padding:50px 0;}
	#content 

#sidebar{width:25%; float:right; padding:50px 0;}
	#sidebar ul.sid{list-style:none; margin:0; padding:0;}
	#sidebar .widget-container{background:#f6f6f6; margin:0 0 20px 0; padding:20px 30px; box-shadow:0 3px 6px 0 rgba(0,0,0,0.1);}
	#sidebar .widget-title{margin:0 0 10px 0; color:#3b3b3b; font-size:17px;} */
	
.category .post{border-bottom:1px solid #dadada; padding:20px 0;}
.category .post .entry-title{font-size:20px !important; margin:0 0 10px 0 !important;}
.category .post .entry-meta{font-size:14px; font-style:italic; opacity:0.7; margin:0 0 10px 0;}
.category .post .thumbnail{float:left; height:90px; width:140px; margin:5px 20px 20px 0;}
.category .post p{margin:0 0 10px 0;}
	
.single .entry-meta{font-size:14px; font-style:italic; opacity:0.7; margin:0 0 15px 0;}

#glossery_alpha_search_links{padding:3px; background:#f4f4f4;}
#glossery_alpha_search_links a{display:inline-block; padding:4px 0; width:28px; text-align:center; border-right:1px solid #dadada; font-size:12px; font-weight:bold; margin:2px 0;}
#glossery_alpha_search_links a:hover{color:#c70b46;}
#glossery_alpha_search_links a.no_link{opacity:.3;}

.glossary_alpha_marker{padding:3px 10px; background:#f4f4f4; color:#c70b46; font-weight:bold; font-size:12px;}
	
#main_footer{text-align:center; background:#383838; padding:40px 0; color:#fff;}
#main_footer p{margin:0;}
#main_footer a{color:#dadada;}

#footer_content{margin:0 0 0 0; font-weight:bold; text-transform:uppercase;}

#footer_nav {flex-grow: 100;margin: 0 0 20px 0;}
#footer_nav ul {list-style: none;margin: 0;padding: 0;}
#footer_nav ul li {display: inline-block;}
#footer_nav ul li a {display:inline-block;padding:5px 15px;color:#fff;text-decoration:none;font-size:17px;font-weight:bold;}

@media only screen and (max-width: 1200px){
	#logo{width:auto;}
	#logo img{height:40px; margin:12px 5px 0 0;}
	#logo h1{font-size:16px; margin:2px 0 4px 0;}
	#header_phone{padding:8px 7px;}
	#main_nav > ul > li:first-child {display:none}
}

@media only screen and (max-width: 1030px){
	#main_nav{ margin: 0;}
}

@media only screen and (max-width: 782px){
	.admin-bar #main_header{top:46px;}
}

@media only screen and (max-width: 768px){
	#main_header .content_wrap {display: flex;flex-direction: column;}
	#logo img{height:36px;}
	#main_header{text-align:center;}
	#main_nav{display:none;}
	#mobile_nav{display:block;}
	#logo{float:none; text-align:left; margin:0 auto; width:250px; height:40px;}
	#logo h1{margin:0; font-size:12px;}
	#logo h2{font-size:13px;}
	#header_phone{display:inline-block; float:none; margin:5px 0 0 0; padding:5px 10px;}
	#main_footer{line-height:30px;}
}

@media only screen and (max-width: 430px){
	#logo {text-align: center;width: 100%;}
	#logo img {height: auto;text-align: center;width: 80%;float: none;}
}