/*  MICROTHEMER STYLES  */


/*= Page Index Copy 1 ========= */

/** Page Index Copy 1 >> body:not(single-html_page) **/
body:not(single-html_page) {
	font-family: "Open Sans", "Microsoft JhengHei", "PingFangHK-Regular", "Heiti TC";
	background-color: rgb(255, 255, 255);
	padding-right: 16px;
	padding-left: 16px;
}

/** Page Index Copy 1 >> body:not(single-html_page)  #header **/
body:not(single-html_page)  #header {
	border-bottom-color: rgb(127, 127, 127);
	border-bottom-style: solid;
	display: none;
}

/** Page Index Copy 1 >> body:not(single-html_page)  .post-edit-link **/
body:not(single-html_page)  .post-edit-link {
	display: none;
}

/** Page Index Copy 1 >> body:not(single-html_page)  .entry-title **/
body:not(single-html_page)  .entry-title {
	font-family: "Open Sans", "Microsoft JhengHei", "PingFangHK-Regular", "Heiti TC";
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 4px;
}

/** Page Index Copy 1 >> body:not(single-html_page)  .entry-content ul **/
body:not(single-html_page)  .entry-content ul {
	font-family: "Open Sans", "Microsoft JhengHei", "PingFangHK-Regular", "Heiti TC";
	margin-bottom: 32px;
}

/** Page Index Copy 1 >> body:not(single-html_page)  .entry-content li **/
body:not(single-html_page)  .entry-content li {
	font-family: "Open Sans", "Microsoft JhengHei", "PingFangHK-Regular", "Heiti TC";
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 4px;
	margin-bottom: 4px;
}

/** Page Index Copy 1 >> body:not(single-html_page) footer #copyright **/
body:not(single-html_page) footer #copyright {
	display: none;
}

/** Page Index Copy 1 >> body:not(single-html_page) .entry-meta **/
body:not(single-html_page) .entry-meta {
	display: none;
}

/** Page Index Copy 1 >> body:not(single-html_page) #nav-below > .nav-next **/
body:not(single-html_page) #nav-below > .nav-next {
	display: none;
}

/** Page Index Copy 1 >> body:not(single-html_page) .entry-footer **/
body:not(single-html_page) .entry-footer {
	display: none;
}

/** Page Index Copy 1 >> body:not(single-html_page) h3 **/
body:not(single-html_page) h3 {
	font-weight: bold;
}

/** Page Index Copy 1 >> body:not(single-html_page) a **/
body:not(single-html_page) a {
	text-decoration: none;
}


/*= Page Container ============ */

/** Page Container >> .single .html_page > header **/
.single .html_page > header {
	display: none;
}

/** Page Container >> .single-html_page #wrapper #header **/
.single-html_page #wrapper #header {
	display: none;
}

/** Page Container >> .single-html_page footer.footer 1 **/
.single-html_page footer.footer {
	display: none;
}

/** Page Container >> .single .html_page footer.entry-footer **/
.single .html_page footer.entry-footer {
	display: none;
}

/** Page Container >> .single-html_page footer#footer **/
.single-html_page footer#footer {
	display: none;
}

/** Page Container >> .single-html_page #included_html **/
.single-html_page #included_html {
	background-color: rgb(255, 255, 255);
}

/** Page Container >> .single-html_page #included_content **/
.single-html_page #included_content {
	background-color: rgb(97, 49, 49);
	padding-top: 32px;
}


/*= New ======================= */

/** New >> html body.home **/
html body.home {
	font-size: 16px;
	background-color: rgb(255, 255, 255);
}


/*= General =================== */

/** General >> General Font **/
body {
	font-family: "Open Sans", "Microsoft JhengHei", "PingFangHK-Regular", "Heiti TC";
}

/** General >> Paragraph **/
p {
	margin-bottom: 12px;
}

/** General >> Ad **/
.ad {
	text-align: center;
	margin-right: auto;
	margin-bottom: 32px;
	margin-left: auto;
	display: block;
}

/** General >> Container Outer **/
.container_outer {
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

/** General >> Container Inner **/
.container_inner {
	padding-right: 16px;
	padding-left: 16px;
}

/** General >> Call to Action **/
.cta {
	color: rgb(237, 27, 36) !important;
	font-size: 20px !important;
	text-decoration: none !important;
	text-align: center !important;
	padding: 8px 24px 8px 24px !important;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 4px !important;
	position: relative !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	display: inline-block !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
	-moz-border-radius: 4px 4px 4px 4px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
}

/** General >> Call to Action Hover **/
.cta:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(237, 27, 36) !important;
}

/** General >> Read More **/
.read_more {
	color: rgb(237, 27, 36) !important;
	font-size: 16px !important;
	text-decoration: none !important;
	padding: 8px 24px 8px 24px !important;
	margin-top: 24px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 4px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	display: inline-block !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
	-moz-border-radius: 4px 4px 4px 4px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
}

/** General >> Read More Hover **/
.read_more:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(237, 27, 36) !important;
}

/** General >> Post Title **/
.post_title {
	color: rgb(237, 27, 36);
	font-size: 32px;
	line-height: 36px;
}

/** General >> Main **/
main {
	width: calc(100% - 324px);
	display: inline-block !important;
}

/** General >> Aside **/
aside {
	vertical-align: top;
	width: 300px;
	float: right;
	display: inline-block;
}

/** General >> Footer1 **/
.footer1 {
	clear: both;
}

/** General >> Post Group **/
.post_group {
	font-size: 0px;
}

/** General >> Posts Heading **/
.posts_heading {
	color: rgb(237, 27, 36);
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 12px;
}

/** General >> Social Icon Hover **/
.social_svg:hover, 
.sharing_svg:hover {
	color: rgb(237, 27, 36) !important;
	background-color: rgb(237, 27, 36) !important;
}

/** General >> Post Caption **/
.post_caption {
	color: rgb(237, 27, 36);
}


/*= Header ==================== */

/** Header >> Header **/
header {
	line-height: 32px !important;
	text-align: right !important;
	padding-bottom: 4px !important;
	margin-bottom: 24px !important;
	border-bottom: 1px solid rgb(127, 127, 127) !important;
}

/** Header >> Site Branding **/
.site_branding {
	vertical-align: bottom;
	width: 155px;
	padding-top: 8px;
	display: inline-block;
}

/** Header >> Site Logo **/
.site_branding img {
	width: 160px;
	display: block;
}

/** Header >> Site Name **/
.site-name {
	color: rgb(237, 27, 36);
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	display: block;
}

/** Header >> Top Bar **/
.top_bar {
	text-align: right;
	vertical-align: bottom;
	width: calc(100% - 160px);
	min-height: 100px;
	position: relative;
	right: 0px;
	display: inline-block;
}

/** Header >> Header Categories **/
.header_cats {
	line-height: 16px;
	margin-top: 8px;
	display: inline-block;
}

/** Header >> Header Category **/
.header_cat {
	padding: 8px 16px 8px 16px !important;
	margin-top: 2px !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	border-right-style: none !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
	transition-duration: .5s !important;
	display: inline-block !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
}

/** Header >> Header Category Hover **/
.header_cat:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(237, 27, 36);
	cursor: pointer;
}

/** Header >> Social Container **/
.social_media {
	vertical-align: bottom;
	height: 35px;
	margin-top: 8px;
	margin-left: 8px;
	display: inline-block;
}

/** Header >> Search Container **/
.search-container {
	vertical-align: bottom;
	margin-top: 8px;
	margin-left: 8px;
	display: inline-block;
}

/** Header >> Search String **/
.search-container [type="text"] {
	font-size: 16px;
	width: 160px;
	height: 35px;
	padding-right: 4px;
	padding-left: 4px;
}

/** Header >> Search Submit **/
.search-container [type="submit"] {
	font-size: 18px;
	line-height: 18px;
	vertical-align: bottom;
	width: 35px;
	height: 35px;
	cursor: pointer;
}


/*= Social ==================== */

/** Social >> Social Background **/
.social_bkdg {
	width: 32px;
	height: 32px;
}

/** Social >> Social LI **/
.social_li {
	width: 100%;
	display: inline;
}

/** Social >> Social Icon **/
.social_svg {
	background-color: rgb(0, 0, 0) !important;
	width: 35px !important;
	height: 35px !important;
	margin-bottom: -8px !important;
	border-radius: 50% !important;
	display: inline-block !important;
	cursor: pointer !important;
	-webkit-border-radius: 50% 50% 50% 50% !important;
	-moz-border-radius: 50% 50% 50% 50% !important;
}


/*= New Post ================== */

/** New Post >> New Post Text Block **/
.new_post_texts {
	vertical-align: top;
	width: 60%;
	padding-left: 2%;
	display: inline-block;
}

/** New Post >> New Post Caption **/
.new_post_caption {
	font-size: 24px;
}

/** New Post >> New Post Image Div **/
.new_post_img_div {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 40%;
	padding-bottom: 20%;
	display: inline-block;
}

/** New Post >> New Post Outer **/
.new_post_outer {
	font-size: 0 !important;
	background-color: rgb(238, 238, 238) !important;
	padding: 24px !important;
	margin-bottom: 32px !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
	transition-duration: .5s !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
}

/** New Post >> New Post Date **/
.new_post_date {
	font-size: 16px;
}


/*= Hot Topic ================= */

/** Hot Topic >> Hot Topic Outer **/
.hot_topic_outer {
	background-color: rgb(255, 255, 255);
	width: 100%;
	padding-left: 2%;
	margin-bottom: 32px;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	display: inline-block;
	cursor: pointer;
}

/** Hot Topic >> Hot Topic Carousel Item **/
.four-slide-carousel .carousel-item, 
.two-slide-carousel .carousel-item {
	padding-right: 0px;
	padding-left: 0px;
}

/** Hot Topic >> Hot Topic Carousel **/
.four-slide-carousel, 
.two-slide-carousel {
	width: 90%;
	height: 270px;
	margin-right: auto;
	margin-left: auto;
}

/** Hot Topic >> Hot Topic Outer Hover **/
.hot_topic_outer:hover {
	padding-right: 2%;
	padding-left: 0px;
	margin-top: 4px;
	margin-bottom: 28px;
}

/** Hot Topic >> Hot Topic Inner **/
.hot_topic_inner {
	box-shadow: 2px 2px 2px 0 rgb(204, 204, 204) !important;
	width: 97% !important;
	height: 263px !important;
	padding-top: 12px !important;
	padding-bottom: 16px !important;
	border: 1px solid rgb(127, 127, 127) !important;
	-webkit-box-shadow: 2px 2px 2px 0 rgb(204, 204, 204) !important;
	-moz-box-shadow: 2px 2px 2px 0 rgb(204, 204, 204) !important;
}

/** Hot Topic >> Hot Topic Title **/
.hot_topic_caption {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 4px;
	margin-right: 5%;
	margin-left: 5%;
}

/** Hot Topic >> Hot Topic Image Div **/
.hot_topic_img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 90%;
	height: 182px;
	margin-left: 5%;
}

/** Hot Topic >> Hot Topic Prev Control **/
.four-slide-carousel .carousel-control-prev, 
.two-slide-carousel .carousel-control-prev {
	background-color: rgb(204, 204, 204);
	width: 5%;
	left: -5.555%;
}

/** Hot Topic >> Hot Topic Next Control **/
.four-slide-carousel .carousel-control-next, 
.two-slide-carousel .carousel-control-next {
	background-color: rgb(204, 204, 204);
	width: 5%;
	right: -5.555%;
}

/** Hot Topic >> Hot Topics Section **/
.hot_topics {
	padding-top: 40px;
	padding-bottom: 40px;
}

/** Hot Topic >> Slider Title **/
.carousel-item .carousel-caption h3 {
	background-color: rgba(237, 27, 36, 0.5) !important;
	width: auto !important;
	padding: 8px 32px 8px 32px !important;
	display: inline !important;
}

/** Hot Topic >> Slider Title Background **/
.carousel-item .carousel-caption {
	text-align: right;
	bottom: 32px;
	right: 10%;
	display: inline;
}


/*= Sub-Category ============== */

/** Sub-Category >> Subcat Outer **/
.subcat_outer {
	vertical-align: top !important;
	width: 25% !important;
	padding-left: 0.5% !important;
	margin-bottom: 32px !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
	transition-duration: .5s !important;
	display: inline-block !important;
	cursor: pointer !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
}

/** Sub-Category >> Subcat Outer Hover **/
.subcat_outer:hover {
	padding-right: 0.5% !important;
	padding-left: 0 !important;
	margin-top: 4px !important;
	margin-bottom: 28px !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
	transition-duration: .5s !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
}

/** Sub-Category >> Subcat Inner **/
.subcat_inner {
	box-shadow: 2px 2px 2px 0 rgb(204, 204, 204) !important;
	width: 98% !important;
	padding-top: 12px !important;
	padding-bottom: 16px !important;
	border: 1px solid rgb(127, 127, 127) !important;
	-webkit-box-shadow: 2px 2px 2px 0 rgb(204, 204, 204) !important;
	-moz-box-shadow: 2px 2px 2px 0 rgb(204, 204, 204) !important;
}

/** Sub-Category >> Subcat Title **/
.subcat_caption {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 4px;
	margin-right: 5%;
	margin-left: 5%;
}

/** Sub-Category >> Subcat Image **/
.subcat_img {
	width: 90%;
	margin-left: 5%;
}


/*= Sharing =================== */

/** Sharing >> Sharing Title **/
.sharing_title {
	font-weight: bold;
}

/** Sharing >> Sharing Background **/
.sharing_bkdg {
	width: 32px;
	height: 32px;
}

/** Sharing >> Sharing UL **/
.sharing_ul {
	margin-top: 8px;
	margin-bottom: 16px;
}

/** Sharing >> Sharing LI **/
.sharing_li {
	width: 100%;
	display: inline;
}

/** Sharing >> Sharing SVG **/
.sharing_svg {
	background-color: rgb(0, 0, 0) !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 50% !important;
	display: inline-block !important;
	cursor: pointer !important;
	-webkit-border-radius: 50% 50% 50% 50% !important;
	-moz-border-radius: 50% 50% 50% 50% !important;
}


/*= Post ====================== */

/** Post >> Post Infos **/
.post_infos {
	margin-top: 12px;
}

/** Post >> Post Info **/
.post_info {
	margin-right: 12px;
	display: inline-block;
}

/** Post >> Post Category **/
.post_cat {
	height: 32px !important;
	padding: 2px 16px 10px 16px !important;
	margin-right: 12px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 15px !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
	transition-duration: .5s !important;
	display: inline-block !important;
	-webkit-border-radius: 15px 15px 15px 15px !important;
	-moz-border-radius: 15px 15px 15px 15px !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
}

/** Post >> Post Category Hover **/
.post_cat:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(237, 27, 36);
	cursor: pointer;
}

/** Post >> Post Categories **/
.post_cats {
	margin-top: 12px;
	margin-bottom: 24px;
}

/** Post >> Post Text **/
.post_text {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 18px;
}

/** Post >> Post Image **/
.post_img {
	margin-bottom: 36px;
}

/** Post >> Post Image Image **/
.post_img_img {
	max-width: 100%;
}

/** Post >> Post Image Caption **/
.post_img_caption {
	font-size: 18px;
	text-align: center;
	margin-top: 8px;
}


/*= Related Post ============== */

/** Related Post >> Related Post Outer **/
.rel_post_outer {
	vertical-align: top !important;
	width: 33.33% !important;
	padding-left: 0.5% !important;
	margin-bottom: 32px !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
	transition-duration: .5s !important;
	display: inline-block !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
}

/** Related Post >> Related Post Outer Hover **/
.rel_post_outer:hover {
	padding-right: 0.5%;
	padding-left: 0px;
	margin-top: 4px;
	margin-bottom: 28px;
}

/** Related Post >> Related Post Inner **/
.rel_post_inner {
	box-shadow: 2px 2px 2px 0 rgb(204, 204, 204) !important;
	width: 98% !important;
	padding-top: 12px !important;
	padding-bottom: 16px !important;
	border: 1px solid rgb(127, 127, 127) !important;
	-webkit-box-shadow: 2px 2px 2px 0 rgb(204, 204, 204) !important;
	-moz-box-shadow: 2px 2px 2px 0 rgb(204, 204, 204) !important;
}

/** Related Post >> Related Post Title **/
.rel_post_caption {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 4px;
	margin-right: 5%;
	margin-left: 5%;
}

/** Related Post >> Related Post Image **/
.rel_post_img {
	width: 90%;
	margin-left: 5%;
}


/*= Override ================== */

/** Override >> Phone **/
.phone_only {
	display: none;
}

/** Override >> No Display **/
.not_displayed {
	display: none;
}


/*= CSS Codes ================= */

/** CSS Codes >> .css_codes **/
.css_codes {
	/* MT [ google_font: 1 ] */
	font-family: 'JetBrains Mono';
	font-size: .8rem;
	white-space: pre-wrap;
}


/*( Desktop & Tablet )*/
@media (max-width: 979px) {

	/*= General =================== */

	/** General >> Main **/
	main {
	width: 100%;
}

	/** General >> Aside **/
	aside {
	display: none;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= Page Container ============ */

	/** Page Container >> .single-html_page #included_content **/
	.single-html_page #included_content {
	padding-top: 46px;
}


	/*= General =================== */

	/** General >> Main **/
	main {
	width: 100%;
}

	/** General >> Aside **/
	aside {
	display: none;
}


	/*= Header ==================== */

	/** Header >> Site Branding **/
	.site_branding {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

	/** Header >> Site Name **/
	.site-name {
	text-align: center;
}

	/** Header >> Social Container **/
	.social_media {
	float: right;
}

	/** Header >> Search Container **/
	.search-container {
	position: absolute;
	right: 16px;
	float: right;
}

	/** Header >> Search String **/
	.search-container [type="text"] {
	position: relative;
}

	/** Header >> Search Submit **/
	.search-container [type="submit"] {
	text-align: right;
	margin-left: 125px;
	display: block;
}


	/*= Sub-Category ============== */

	/** Sub-Category >> Subcat Outer **/
	.subcat_outer {
	width: 49.5%;
}


	/*= Related Post ============== */

	/** Related Post >> Related Post Outer **/
	.rel_post_outer {
	width: 50%;
}


	/*= Phone Menu ================ */

	/** Phone Menu >> Menu Button **/
	.menu_btn {
	text-align: center;
	width: 54px;
	height: 54px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999999;
	cursor: pointer;
}

	/** Phone Menu >> Menu Button Icon **/
	#nav-toggle span {
	text-align: center !important;
	background-color: rgb(237, 27, 36) !important;
	width: 24px !important;
	height: 3px !important;
	position: absolute !important;
	top: 26px !important;
	left: 15px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: .25s !important;
	-moz-transition-duration: .25s !important;
	-webkit-transition-duration: .25s !important;
	transition-duration: .25s !important;
	display: inline-block !important;
	-webkit-transition: rotate 0.2s, translate 0.2s;
	transition: rotate 0.2s, translate 0.2s;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	-o-transition-duration: .25s !important;
	-moz-transition-duration: .25s !important;
	-webkit-transition-duration: .25s !important;
}

	/** Phone Menu >> Menu Button Icon Active **/
	#nav-toggle span.phone_menu_active {
	background-color: rgba(255, 255, 255, 0) !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
}

	/** Phone Menu >> Menu Button Icon Lines 1, 3 **/
	#nav-toggle span:before, 
#nav-toggle span:after {
	background-color: rgb(237, 27, 36);
	width: 24px;
	height: 3px;
	position: absolute;
	left: 0px;
	display: inline-block;
}

	/** Phone Menu >> Menu Button Icon Line 1 **/
	#nav-toggle span:before {
	background-color: rgb(237, 27, 36);
	margin-top: -8px;
	-o-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
}

	/** Phone Menu >> Menu Button Icon Active Line 1 **/
	#nav-toggle span.phone_menu_active:before {
	background-color: rgb(255, 255, 255) !important;
	margin-top: 0 !important;
	transform: rotateZ(45deg);
	-o-transition-duration: .25s !important;
	-moz-transition-duration: .25s !important;
	-webkit-transition-duration: .25s !important;
	transition-duration: .25s !important;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-o-transition-duration: .25s !important;
	-moz-transition-duration: .25s !important;
	-webkit-transition-duration: .25s !important;
}

	/** Phone Menu >> Menu Button Icon Line 3 **/
	#nav-toggle span:after {
	background-color: rgb(237, 27, 36);
	margin-top: 8px;
	-o-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
}

	/** Phone Menu >> Menu Button Icon Active Line 3 **/
	#nav-toggle span.phone_menu_active:after {
	background-color: rgb(255, 255, 255) !important;
	margin-top: 0 !important;
	transform: rotateZ(-45deg);
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
}

	/** Phone Menu >> Phone Menu Background **/
	.phone_menu_bkgd {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999;
	cursor: pointer;
}

	/** Phone Menu >> Phone Menu **/
	.phone_menu {
	text-align: left;
	background-color: rgba(237, 27, 36, 0.75);
	width: 250px;
	height: 100vh;
	padding-top: 54px;
	position: fixed;
	top: 0px;
	left: -250px;
	z-index: 99999;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	display: block;
}

	/** Phone Menu >> Phone Menu Active **/
	.menu_active {
	left: 0px;
}

	/** Phone Menu >> Phone Menu Item **/
	.phone_menu_cat {
	color: rgb(255, 255, 255) !important;
	padding: 4px 16px 4px 16px !important;
	margin-bottom: 4px !important;
	cursor: pointer !important;
}

	/** Phone Menu >> Phone Menu Item Hover **/
	.phone_menu_cat:hover {
	color: rgb(237, 27, 36);
	background-color: rgb(221, 221, 221);
}

	/** Phone Menu >> Phone Social Media **/
	.phone_social_media {
	padding: 8px 16px 4px 16px;
}


	/*= Override ================== */

	/** Override >> Phone **/
	.phone_only {
	display: block;
}

	/** Override >> No Phone **/
	.no_phone {
	display: none;
}

	/** Override >> No Display **/
	.not_displayed {
	display: none;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= New Post ================== */

	/** New Post >> New Post Text Block **/
	.new_post_texts {
	padding-left: 3%;
}

	/** New Post >> New Post Image Div **/
	.new_post_img_div {
	padding-bottom: 30%;
}


}


/*( Desktop & Tablet (imp) )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= General =================== */

	/** General >> Main **/
	main {
	width: 100%;
}

	/** General >> Aside **/
	aside {
	display: none;
}


}