/*  Written by Codify Design Studio    */
/*  Global Text and Layout Styles      */

header, section, aside, article, nav, footer { display: block; }

body { font-size: 16px; color: #666666; font-family: "adobe-clean",sans-serif; line-height: 20px; background: #ffffff; margin: 0; padding: 0; }
h1, h2, h3 { color: #000; }
p, ul, ol, li { margin: 0px 0px 12px 0px; }
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }

#page { width: 1200px; margin: 0px auto; padding: 0px; }

header { margin-bottom: 15px; position: relative; border-bottom: 1px solid #111; }
header a.logo_adobe { display:inline-block; width:35px; height:57px; background: url(../images/template/adobe_tag_top.svg) no-repeat 0px 0px; background-size:contain; position:absolute; top:0px; right:0px; }
header h2, header.home h1 { font-size: 2.8em; margin: 0px; padding: 30px 0px 25px 0px; font-weight: 300; }
header h2 a, header.home h1 a { color: #000; text-decoration: none; }
header h2 a:hover, header.home h1 a:hover { text-decoration: underline; }

nav { display: block; margin: 0px 0px 70px -12px; padding: 0px 0px 5px 0px; position: relative; }

/* topitems */
nav ul.dropmenu { margin: -5px 0px 0px 0px; padding: 0px; display: none; /* displays after menu load */ }
nav ul.dropmenu li { margin: 0px 38px 0px 0px; padding: 0px; }
nav ul.dropmenu li a { color: #000; text-decoration: none; }
nav ul.dropmenu li a.toplevel { text-decoration: none; text-transform: uppercase; margin: 0px; padding: 6px 12px; }
nav ul.dropmenu li a.toplevel.hover { color:#777; background-color: #efefef; }
/* subitems */
nav ul.dropmenu li ul { width: 225px; background-color: #efefef; padding: 0; }
nav ul.dropmenu li ul li { margin: 0; }
nav ul.dropmenu li ul li a.sublevel { padding: 7px 5px 7px 10px; margin: 0px; }
nav ul.dropmenu li ul li a.sublevel.hover { color: #555; background-color: #ddd; }
nav ul.dropmenu li ul li a.sublevel.selected {  }
nav ul.dropmenu li ul li a.sublevel.hover.selected {  }

nav .search { width:240px; text-align:right; float:right; }
nav .search span.nav_icon { display: inline-block; width:25px; height:25px; margin-bottom:-7px; background-image: url(../images/template/nav_icon_search_svg.php?color=153,153,153,1); background-size: contain; }
nav .search span.nav_icon span { display: none; }
nav .search input { width: 170px; margin-left: 2px; color: #555; background-color: #e7e7e7; border: none; padding: 4px 10px; height: 20px; font-size: .75em; }

/* mobile menu */
nav .mobilemenu { display: none; }
nav .mobilemenu .menu_icon { display: inline-block; width: 35px; height: 35px; background: url(../images/template/nav_icon_menu_svg.php?color=0,0,0,1); background-size: contain; cursor: pointer; }
nav .mobilemenu .content_container { width:250px; height:0px; overflow:hidden; }
nav .mobilemenu .content { padding: 8px 0px 25px 0px; display: block; color: #fff; }
nav .mobilemenu .content a { display: block; color: #000; padding: 5px 0px 5px 10px; }
nav .mobilemenu .content a.language img { margin-right: 6px; }
nav .mobilemenu .content a.topics { display: none; }
nav .mobilemenu .content a.depthlevel-1 { margin-left:  0px; }
nav .mobilemenu .content a.depthlevel-2 { margin-left: 20px; }
nav .mobilemenu .content a.depthlevel-3 { margin-left: 40px; }
nav .mobilemenu .content a.depthlevel-4 { margin-left: 60px; }


section { margin: 0px 0px 20px 0px; }

article { width:985px; float:left; padding:0px; margin:0px; }

footer { font-size: .8em; padding: 20px 0px 20px 0px; border-top: 1px solid #000; text-transform: uppercase; font-weight: 300; }
footer a { color: #000; }
footer a:hover { color:#777; text-decoration: underline; }
footer span.divider { display: inline-block; padding: 0px 10px; }
footer br { display: none; }
footer .trial { font-size: 1.15em; }

/* Posts - Homepage and Archive */
.entries { margin-left: -16px; }
.entries .entry { width: 465px; display: inline-block; float:left; margin: 0px 16px 40px 16px; padding: 0px; position: relative; }

.entries .entry a.feature_image { display:block; background-repeat: no-repeat; background-position:0px 0px; background-size:contain; margin-bottom: 13px; }
.entries .entry a.feature_image:hover { opacity: .8; }

.entries .entry .date_category_author { font-size: .9em; margin-bottom: 24px; }
.entries .entry .date_category_author a { }
.entries .entry .date_category_author a:hover { text-decoration: underline; }
.entries .entry .date_category_author span.separator { color: #ccc; padding: 0px 3px; }
.entries .entry .date_category_author .date { text-transform: uppercase; }
.entries .entry .date_category_author .category { font-weight: 300; }


.entries .entry h2 { margin: 0px 0px 5px -2px; font-size: 1.6em; line-height: 25px; font-weight: 300; }
.entries .entry h2 a { color: #000; }
.entries .entry h2 a:hover { color: #000; text-decoration: underline; }

.entries .entry .excerpt { color: #666666; padding-bottom: 35px; position:relative; }
.entries .entry .excerpt span.readmore { white-space: nowrap; }

/* Sharrre */
.entries .excerpt .sharrre { position: absolute; bottom: 0px; left: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.entries .excerpt .sharrre:hover { background-color: #efefef; }
.entries .excerpt .sharrre .box { position: relative; background: url(../images/template/icon_share_svg.php) no-repeat 5px 7px; background-size: 16px 16px; padding: 0px 15px 0px 25px; }
.entries .excerpt .sharrre a.count { display: inline-block; color: #000; padding: 5px 7px 5px 0px; }
.entries .excerpt .sharrre a.share { display: inline-block; color: #000; padding: 5px 0px 5px 0px; }
.entries .excerpt .sharrre .buttons { display: none; position: absolute; z-index: 1000; background-color: #efefef; padding: 15px 0px 5px 15px; width: 140px; }
.entries .excerpt .sharrre .button { width: 120px; height: 25px; margin: 0px 0px 10px 0px; }

.post_listing_navigation { margin: 35px 30px 20px 20px; border-top: 1px solid #ddd; padding-top: 10px; }
.post_listing_navigation a { display: inline-block; color: #fff; }
.post_listing_navigation .next a { padding: 2px 20px 5px 10px; background: #bcbcbc url(../images/template/icon_arrow_right_svg.php?color=255,255,255,1) no-repeat right 8px; background-size: 12px 12px; float: right; }
.post_listing_navigation .prev a { padding: 2px 10px 5px 20px; background: #bcbcbc url(../images/template/icon_arrow_left_svg.php?color=255,255,255,1) no-repeat 0px 8px; background-size: 12px 12px; float: left; }
.post_listing_navigation .next a:hover, .post_listing_navigation .prev a:hover { background-color: #2fa2dc; }


/* Post - Single */
/* .post_single .feature_image { width: 700px; height: 400px; }  */
.post_single { margin: 0px 30px 0px 0px; }
.post_single .date_category_author { margin: 0px 0px 10px 0px; }
.post_single .date_category_author .category { font-weight: 300; }
.post_single .date_category_author span.separator { color: #aaa; padding: 0px 10px; }
.post_single h1 { font-size: 2.6em; font-weight: 300; line-height: 40px; margin: 0px 0px 0px 0px; }
.post_single h2 { font-size: 1.8em; font-weight: 300; line-height: 32px; margin: 0px 0px 8px 0px; }
.post_single h3 { font-size: 1.3em; font-weight: 600; line-height: 24px; margin: 0px 0px 5px 0px; }
.post_single p { margin: 0px 0px 24px 0px; }
.post_single ul { margin: 0px 0px 24px 0px; }

.post_single .post_author { margin-top: 50px; }

/* Sharre */
.post_single .entry_share_container { margin: 35px 0px 35px 0px; }
.post_single .sharrre .button { width: 95px; float: left; margin: 0px 10px 0px 0px; }
.post_single .sharrre .button.linkedin { width: 120px; }

.post_categories { margin: 10px 0px 5px 0px; padding-top: 10px; border-top: 1px solid #ddd; font-size: .9em; }
.post_categories::before { content:'Categories'; color: #bbb; padding-right: 20px; font-style: italic; }
.post_categories span.label { color: #777; padding-right: 15px; font-style: italic; font-size: .85em; }
.post_categories span.list { color: #999; }
.post_categories span.list a { color: #999; text-decoration: none; }
.post_categories span.list a span { font-size: .8em; font-style: italic; }
.post_categories span.list a:hover { color: #333; text-decoration: underline; }

.post_tags { margin: 10px 0px 5px 0px; font-size: .9em; }
.post_tags::before { content:'Tags'; color: #bbb; padding-right: 20px; font-style: italic; }
.post_tags span.label { color: #777; padding-right: 15px; font-style: italic; font-size: .85em; }
.post_categories span.list { color: #999; }
.post_tags span.list a { color: #999; text-decoration: none; }
.post_tags span.list a span { font-size: .8em; font-style: italic; }
.post_tags span.list a:hover { color: #333; text-decoration: underline; }

.post_top_searches { margin: 10px 0px 5px 0px; font-size: .9em; }
.post_top_searches span.label { color: #777; padding-right: 15px; font-style: italic; font-size: .85em; }
.post_top_searches span.list { color: #999; }
.post_top_searches span.list a { color: #999; text-decoration: none; }
.post_top_searches span.list a span { font-size: .8em; font-style: italic; }
.post_top_searches span.list a:hover { color: #333; text-decoration: underline; }


/* Callout */
.callout { float: right; }
.callout .callout_credit p { font-size: .9em; text-align: right; line-height: 16px; margin: 0; }
.callout span.quote_marks { display:inline-block; width:35px; height:28px; position:absolute; background: no-repeat 0 0; background-size:contain; }
.callout span.quote_marks.quote_opening { background-image: url(../images/template/quote_opening.png); top: -5px; left: 0px; }
.callout span.quote_marks.quote_closing { background-image: url(../images/template/quote_closing.png); bottom: -8px; right: 0px; }

.callout.text { width: 200px; padding: 0px 0px 0px 25px; margin: 0px 0px 25px 25px; border-left: 2px solid #ddd; }
.callout.text .callout_text p { font-size: 1.15em; color: #888; line-height: 25px; margin: 0; color: #666; }
.callout.text .callout_credit p { padding-top: 20px; }

.callout.quote { width: 250px; margin: 0px 0px 40px 25px; }
.callout.quote .callout_text { position: relative; color: #777; padding: 0px 35px 0px 40px; line-height: 24px; }
.callout.quote .callout_text p { font-size: 1.2em; font-style: italic; }

.callout.quote .callout_credit { padding: 0px 40px 20px 20px; }

.callout.tweet { font-size: 1.2em; line-height: 28px; width: 220px; padding: 10px 0px 10px 0px; margin: 0px 0px 25px 25px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; transition: background-color .3s; }
.callout.tweet:hover { background-color: #f5f5f5; }
.callout.tweet a { color: #2796dd; }
.callout.tweet a::after { content:''; display: block; height: 30px; width: 30px; background: url(../images/template/icon_connect_twitter.svg); }
.callout.tweet a:hover { color: #1c86c9; text-decoration: none; }


/* Author Bio */
.author_bio { position: relative; margin: 0px 30px 75px 75px; padding: 0px 0px 10px 70px; min-height: 120px; }
.author_bio img.avatar { width: 130px; height: 130px; border-radius: 50%; position: absolute; top: 0px; left: -85px; border: 1px solid #ddd; }
.author_bio h4 { margin: 0px 0px 5px 0px; color: #000; font-size: 1.8em; font-weight: 300; line-height: 32px; }

.author_bio p.title { margin: -8px 0px 0px 0px; font-size: 1em; font-style: italic; }
.author_bio p.org { margin: 0px; font-size: .9em; }
.author_bio p.desc { margin-top: 15px; }

.author_bio .twitter-follow-button { margin-right: 15px; }


/* Comments */
#comments { margin: 60px 100px 20px 0px; }
#comments h3 { font-size: 1.8em; font-weight: 300; margin: 20px 0px 12px 0px; }
#comments p { font-size: .9em; margin: 0px 0px 10px 0px; }

#comments ul.commentlist { margin: 0px; padding: 0px; /* border: 1px solid #555; */ }
#comments ul.commentlist li.comment { display: block; margin: 0px 0px 10px 0px; }
#comments ul.commentlist > li.comment { margin-bottom: 50px; padding: 0px 0px 0px 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
#comments ul.commentlist li.comment ul.children { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; } /* replies */
#comments ul.commentlist li.comment ul.children li.comemnt {  }

#comments .comment-author { margin: 0px 0px 10px -10px; padding-left: 10px; font-size: .85em; color: #888; }
#comments .comment-author a { color:#000; }
#comments .comment-author a:hover { text-decoration: underline; }
#comments .comment-body { margin-bottom: 20px; }
#comments a.comment-reply-link { display: inline-block; margin-left: 20px; font-size: .8em; font-style: italic; text-transform: uppercase; color: #000; text-decoration: underline; }
#comments a.comment-reply-link:hover { font-weight: bold; }

#comments #respond form { border-top: 1px solid #ddd; border-left: 1px solid #ddd; padding-left: 20px; }
#comments #respond form p.author-you { margin: 0px 0px 20px -20px; padding: 2px 0px 2px 20px; }
#comments #respond form p.author-you a { color: #000; }
#comments #respond form p.author-you a:hover { text-decoration: underline; }
#comments #respond form p.author-you a.logout { padding-left: 20px; }
#comments #respond #comment { width: 75%; background-color: #f6f6f6; border-radius: 12px; border: 1px solid #ddd; padding: 10px; }
#comments #respond #submit { background-color: #999999; color: #ffffff; padding: 4px 25px; border: none; text-transform: uppercase; }

/* Sidebar */
aside { width:210px; padding:0px 0px 0px 0px; margin:0px; float:right; line-height:18px; font-size: .9em; }
aside ul { display: block; margin: 0; padding: 0; }
aside li { display: block; }
aside a { color: #000000; }
aside a:hover { text-decoration: underline; }


/* Widgets */

li.widget { color: #666666; margin: 0px 0px 60px 0px; }
li.widget h3 { color: #888888; font-size: 1.0em; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #999999; padding: 0px 0px 5px 0px; margin: 0px 0px 12px 0px; line-height: 13px; }

li.widget .creative_cloud_plans { margin-top:20px; padding: 17px 0px 0px 80px; background: url(../images/template/icon_creativecloud.png) no-repeat 0px 0px; background-size: 65px 65px; min-height: 65px; }
/*
li.widget .creative_cloud_plans.de { padding-top: 8px; }
li.widget .creative_cloud_plans.fr { padding-top: 7px; }
li.widget .creative_cloud_plans.fr a.btn.blue { padding: 5px 10px; }
*/


li.widget.s2_form_widget p { margin: 5px 0px 5px 0px; }
li.widget.s2_form_widget p label { display: none; }
li.widget.s2_form_widget p br { display: none; }
li.widget.s2_form_widget .subscribe2widget-subscribe { font-size: .7em; text-transform: uppercase; display: inline-block; border: none; background-color: #0087cc; color: #fff; cursor: pointer; }
li.widget.s2_form_widget .subscribe2widget-unsubscribe { font-size: .7em; text-transform: uppercase; display: inline-block; border: none; background-color: #ededed; color: #999; cursor: pointer;  }




/* sidebar collapsible panels */
li.widget .codify_cp { height: 0px; overflow: hidden; }
li.widget .codify_cp .codify_cp_content { padding-bottom: 10px; }
li.widget ul li.codify_cp_trigger { margin-top: -9px; font-size: .9em; cursor: pointer; background: url(../images/template/icon_seemore_svg.php) no-repeat 0px 12px; padding: 10px 0px 0px 20px; background-size: 15px 15px; font-style: italic; color: #000000; }
li.widget ul li.codify_cp_trigger:hover { text-decoration: underline; }
li.widget a.see_all { display: none; }

a.social-icon { display: inline-block; width: 35px; height: 35px; margin-right: 2px; }
a.social-icon span { display: none; }
a.social-icon:hover { opacity: .6; }
a.social-icon.be { background-image: url(../images/template/social_icon_be_svg.php?color=153,153,153,1); }
a.social-icon.fb { background-image: url(../images/template/social_icon_fb_svg.php?color=153,153,153,1); }
a.social-icon.tw { background-image: url(../images/template/social_icon_tw_svg.php?color=153,153,153,1); }
a.social-icon.xi { background-image: url(../images/template/social_icon_xi_svg.php?color=153,153,153,1); }
a.social-icon.yt { background-image: url(../images/template/social_icon_yt_svg.php?color=153,153,153,1); }
a.social-icon.li { background-image: url(../images/template/social_icon_li_svg.php?color=153,153,153,1); }
a.social-icon.gp { background-image: url(../images/template/social_icon_gp_svg.php?color=153,153,153,1); }
a.social-icon.rss { background-image: url(../images/template/social_icon_rss_svg.php?color=153,153,153,1); }


/* Author */
.author_bio a.social-icon { margin-right: 10px; }
.author_bio a.social-icon.be { background-image: url(../images/template/social_icon_be_svg.php?color=31,124,252,1); }
.author_bio a.social-icon.tw { background-image: url(../images/template/social_icon_tw_svg.php?color=89,173,235,1); }
.author_bio a.social-icon.fb { background-image: url(../images/template/social_icon_fb_svg.php?color=67,97,155,1); }
.author_bio a.social-icon.gp { background-image: url(../images/template/social_icon_gp_svg.php?color=215,75,61,1); }
.author_bio a.social-icon.li { background-image: url(../images/template/social_icon_li_svg.php?color=35,134,186,1); }
.author_bio a.social-icon.xi { background-image: url(../images/template/social_icon_xi_svg.php?color=11,101,103,1); }
.author_bio a.social-icon.yt { background-image: url(../images/template/social_icon_yt_svg.php?color=219,13,16,1); }

.clear { clear: both; line-height: 1px; }
.no_select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


/* Gallery and Lightbox */
.gallery { margin: 20px 0px; padding: 10px; border: 1px solid #ddd; }
.gallery .myGalleryItem { display: inline-block; }
.gallery .myGalleryItem a { display: inline-block; width: 90px; height: 90px; border: 1px solid #ddd; margin: 5px; }
.gallery .myGalleryItem a img { width: 90px !important; height: 90px !important; }
.gallery .myGalleryItem span { display: none; }
.lb-data span.lb-caption { color: #fff; font-size: 1em; }
.lb-data .lb-number { display: none !important; }

/* Archives */
h1.archive-header { font-size: 2.2em; font-weight: 300; margin: -5px 0px 30px 0px; line-height: normal; }
h3.archive-header { font-size: .9em; font-weight: 700; margin: 0px 0px -5px 0px; line-height: normal; text-transform: uppercase; }
.archive .post_author { font-size: .9em; line-height: 18px; margin: 0px 0px 30px 0px; padding-bottom: 20px; border-top: none; border-bottom: 1px solid #ddd; }
.archive .post_author h1 { margin: 0px 0px 7px 0px; }
.archive .post_author div.author_bio { margin-top: -10px; width: 530px; }
.archive .post_author img.avatar { margin: 20px 0px 0px 0px; }

/* Search */
h1.search-header { font-size: 2.2em; font-weight: 300; margin: 0px 0px 45px 0px; line-height: normal; }
h3.search-header { font-size: .9em; font-weight: 700; margin: 0px 0px -5px 0px; line-height: normal; text-transform: uppercase; }

/* Images */
.wp-caption img { margin: 0px 0px 10px 0px; }
.wp-caption { padding: 0px; margin: 0px; border: 1px solid #ddd; }
.wp-caption-text { font-size: .9em; padding: 0px 7px 0px 7px; margin: 0px 0px 8px 0px; }

.alignleft { float: left; margin: 5px 20px 0px 0px; }
.alignright { float: right; margin: 5px 0px 0px 20px; }
.aligncenter { margin: 30px auto 30px auto; }

/* Buttons */
a.btn { display: inline-block; padding: 5px 15px; color:#ffffff; background-color: #0087cd; font-size: .85em; text-transform: uppercase; }
a.btn:hover { background-color: #1da2e7; text-decoration: underline; }

/* Responsive Rules */

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

	#page { width:980px; }
	nav { margin-bottom: 50px; }
	nav ul.dropmenu li { margin-right: 15px; }
	article { width:765px; }
	aside { width:210px; }
	
	/* Posts - Homepage */
	.entries .entry { width:355px; }
	.entries .entry h2 { margin-left: 0px; font-size: 1.35em; }
	.entries .entry a.feature_image { margin-bottom: 13px; }
	
}


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

	#page { width:800px; }
	header { margin-bottom: 11px; }
	header h2, header.home h1 { font-size: 2.6em; padding-bottom: 20px; }
	article { width:585px; }
	aside { width:210px; }
	nav { margin-bottom: 30px; }
	nav ul.dropmenu li { margin-right: 5px; }
	nav .search { width: 200px; }
	nav .search .search_input { width: 120px; }

	/* Posts - Homepage */
	.entries { margin-left: -10px; }
	.entries .entry { width:275px; margin: 0px 10px 32px 0px; }	

	/* Posts - Single */
	.post_single h1 { font-size: 2.3em; }
	.post_single h2 { font-size: 1.6em; }
	.post_single h3 { font-size: 1.2em; }
	.author_bio { padding-left: 35px; }
	.author_bio img.avatar { width: 100px; height: 100px; }

	/* Footer */
	footer span.divider { display: none; }
	footer br { display: inline; }

}

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

	#page { width: 640px; }
	header { height: 75px; }
	header a.logo_adobe { width: 37px; height: 60px; }
	article { width: 420px; }
	nav ul.dropmenu { display: none !important; }
	nav .mobilemenu { display: block; width: 75px; float:left; margin-left: 10px; }
	nav .mobilemenu { width: 75px; }
	nav .search { position: absolute; top: 10px; right: 10px; }
	
	/* Posts - Homepage */
	.entries .entry { width: 405px; }
	.entries .entry .date_category_author { margin-bottom: -2px; }
	.entries .entry h2 { font-size: 1.65em; line-height: 26px; }
	
	.entries .entry .date_category_author { margin-bottom:15px; }
	
	.post_single .entry_share_container { margin: 25px 0px 15px 0px; }

	li.widget.widget_social a { width: 40px; height: 40px; margin: 0px 10px 10px 0px; }

	/* Post - Single */
	.post_single .sharrre .button { /* display: block; float: none; */ margin: 0px 0px 10px 0px; }
	
	#comments a.comment-reply-link { display: block; margin: 10px 0px 5px 0px; }	
	
	.author_bio { padding-left: 25px; margin-left: 55px; }
	.author_bio img.avatar { width: 80px; height: 80px; left: -65px; }
	.author_bio .twitter-follow-button { display: block; margin-bottom: 15px; }
	
	.callout.text { width: 160px; 15px; margin: 0px 0px 25px 15px; }
	.callout.quote { width: 180px; margin: 0px 0px 30px 20px; }
	.callout.quote .callout_text { font-size: .9em; padding: 0px 18px 0px 25px; }
	.callout span.quote_marks {width:20px; height:16px; }
	.callout span.quote_marks.quote_opening { top: -2px; }
	.callout span.quote_marks.quote_closing { bottom: -3px; }
	.callout.quote .callout_credit { padding: 0px 25px 20px 20px; }

}

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

	#page { width: 100%; }
	header { height: 70px; padding-left: 12px; }
	header a.logo_adobe { right:20px; }
	header h2, header.home h1 { font-size: 2em; }
	section { margin: 0px; }
	article { width: auto; float: none; padding: 15px 20px 0px 15px; }
	aside { width: auto; float: none; background-color: #efefef; padding: 0px 0px 0px 0px; min-height: 20px; }
	nav { margin-bottom: 15px; padding: 10px 0px 0px 30px; }
	nav .mobilemenu { margin-left: 0px; }
	nav .search { position: static; width: 175px; margin-right: 15px; margin-top: 4px; }
	nav .search .search_input { width: 100px; }
	footer { padding: 20px; border-color: #ccc; }

	/* Posts - Homepage / Archives */
	.entries { margin: 0px; }
	.entries .entry { display:block; float:none; width:75%; margin: 0px auto 32px auto; }
	.entries .entry h2 { margin: 0px 0px 8px 0px; }
	.entries .entry a.feature_image { display:block; float: none; margin: 0px 0px 5px 0px; width:auto; height:auto; }
	.entries .entry .excerpt { width: auto; float: none; min-height: 20px; padding-bottom: 20px; }

	.author_bio { margin-left: 65px; margin-right: 0px; }
	
	/* Single */
	.callout { float: none; margin: 10px auto 20px auto; }
	.callout.tweet { width: 65%; }

	/* Sidebar */
	li.widget { margin: 0px; padding: 0px 20px 30px 20px; border-top: 1px solid #ccc; }
	li.widget h3 { border: none; padding: 10px 0px 5px 0px; }	
	li.widget.widget_social a { width: 40px; height: 40px; margin-right: 10px; }	

}

@media screen and (max-width: 450px) {
	
	.post_single h1 { font-size: 2.3em; line-height: 34px; }
	
	.entries .entry { width: 100%; }
	header h2, header.home h1 { font-size: 1.7em; }
	.entries .entry a.feature_image { margin: 0px -10px 5px -10px; }
	
	

	.date_category_author span.categories { display: none; }
	.post_single .date_category_author span.separator { padding: 0px 3px; }
	
/* 	.callout.text, .callout.quote { display: none; } */
	.callout.text, .callout.quote, .callout.tweet { width: 90%; }
	
}

@media screen and (max-width: 360px) {
	.entries .entry { width: 100%; }
	header h2, header.home h1 { font-size: 1.6em; }
}


/* 404 page styles **/
.center{text-align:center}

.not-found h4{
	font-weight: 500;
    letter-spacing: -.05em;
    line-height: 1.3em;
    font-size: 18.2px;
    color: #000000
}

.not-found h3.hugetext{
	font-size: 4em;
	font-weight: 500;
	margin: 35px 0;
    letter-spacing: -.05em
}

.not-found .nav_icon{
	display: inline-block;
    width: 25px;
    height: 25px;
    margin-bottom: -7px;
    background-image: url(../images/template/nav_icon_search_svg.php?color=153,153,153,1);
    background-size: contain
}

.not-found .search_input{
	width: 170px;
    margin-left: 2px;
    color: #555;
    background-color: #e7e7e7;
    border: none;
    padding: 4px 10px;
    height: 20px;
    font-size: .75em
}

.dm_404_topics{
	width: 50%;
	float: left
}

.cloud_404_topics{
	width: 50%;
	margin-bottom: 30px;
	float: right
}

.dm_404_topics h3 ,.cloud_404_topics h3{
	font-weight: 500;
    letter-spacing: -.05em;
    line-height: 1.3em;
    margin :30px 0 0 0;
    font-size: 22.4px
}

.dm_404_topics a{
	font-size: 17px;
    text-decoration: underline;
    display: block;
    margin-top: 5px;
    color: #000000;
    line-height: 21px;
    margin-left: 32%;
    text-align:left
}

.cloud_404_topics img{
	width: 10%;
	height: auto;
    vertical-align: middle
}

.cloud_404_topics a{text-decoration: underline}

.cloud_404_topics div{
	text-align: left;
    margin-left: 32%;
    font-size: 17px;
    display: block;
    margin-top: 5px
}

/** Language switcher  BEGIN **/
.dropmenu .menu-item-language-current {
	float: right !important;
}
@media screen and (min-width:841px) and (max-width:1250px) {
	.dropmenu .menu-item-language-current {
		right: 25%;
	}
	.search {
		position: relative;
		left: 12%;
	}
}
@media screen and (min-width:1251px) and (max-width:1440px) {
	.dropmenu .menu-item-language-current {
		right: 19%;
	}
	.search {
		position: relative;
		left: 12%;
	}
}

html:lang(zh-CN) .entry h2 a{ 
    line-height: 28px;
}
/** Language switcher  END **/

/** Change link color in content BEGIN **/
.post_single a {
	color: #0084ff;
}

.post_single .date_category_author a,
.yarpp-related a {
	color: #000000;
}

.post_listing_navigation a {
	color: #FFFFFF;
}
/** Change link color in content END **/