/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
body , p{font-size: 14px;font-family: 'Montserrat','PingFang TC','黑體-繁','Heiti TC','蘋果儷中黑','Apple LiGothic Medium','微軟正黑體','Microsoft JhengHei',sans-serif;color: #4b4848;}
a:hover, a:focus {color: #a40000;}
#mainMenu nav > ul > li > a {padding: 10px 12px;font-size: 13px;font-weight: 600;letter-spacing: 1px;color: #000000;}
.dark2 #mainMenu nav > ul > li > a, #mainMenu.dark2 nav > ul > li > a, .dark2 .header-extras .p-dropdown a > span, .dark2 .header-extras a > i {color: #000000;}
#mainMenu nav > ul > li > a:hover, .dark2 #mainMenu nav > ul > li > a:hover, .dark #mainMenu nav > ul > li > a:hover {color: #a40000;}
#footer .copyright-content {min-height: 65px;padding: 20px 0;background-color: #eff1f4;font-size: 13px;}
.wordesign-color {color: #a40000;}
.heading-text.heading-section h2:before {content: "";position: absolute;height: 1px;width: 100%;background-color: #000000;bottom: -50px;left: 0;right: 0;}
.grid-filter li a {font-weight: 600;display: block;position: relative;padding: 8px 10px;font-size: 14px;line-height: 15px;color: #484848;border-radius: 50px;transition: all .3s ease;border-width: 2px;border-style: solid;border-color: transparent;}
.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {border-color: #a40000;color: #a40000;background-color: transparent;font-size: 15px;}
.projects .sidebar h2 {font-size: 24px;color: #a40000;}
.projects .sidebar .project-description h3 {font-size: 16px;line-height: 24px;}
.contact p a {color: #4b4848;}
.contact p a:hover {color: #a40000;}

.footer-content-address, .footer-content-address2 {padding-left:50px;}

@media (max-width: 768px) {
	.footer-content-address {padding-left:0px;}
	.footer-content-address2 {padding-left:0px;padding-bottom:30px;}
}