/*

Theme Name: Merapi

Theme URI: http://www.themesawesome.com

Author: Rizki Akmanda

Author URI: http://rizkiakmanda.com

Description: Another Premium Wordpress Themes from Themes Awesome

Tags : Clean, Blog, Portfolio

Version: 1.0

License:      GNU General Public License V2

License URI:      license.txt

-----------------------------------------------------------------------------------

  1.  BASE

  2.  HEADER

  3.  MENU

  4.  CONTENT

  5.  SIDEBAR

  6.  NAVIGATION

  7.  COMMENTS

  8.  FOOTER

  9.  FLEXSLIDER

  10. MEDIA QUERIES

-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/*  1. BASE

/*-----------------------------------------------------------------------------------*/

.ads {display: none;}
/*
.social-media {float:right;}
.social-media li {float:left; }
.social-media li a {text-indent:-99999px; width:30px; height:30px; display: block; background:url(../images/social-ico.png) no-repeat;}
.social-media li:last-child a {background:url(../images/social-ico.png) center right no-repeat; margin:0 1px;}
*/
.head-social { position: absolute; top: -7px; right: 205px; margin:0 !important;}
.head-social li a {border-radius:0 !important; padding: 3px 7px !important;}

.lastComments { text-align: left; font-size: 13px !important; background-color: #ffffff; padding: 20px !important; font-size: 19px; font-size: 1.9rem; border-bottom: 2px solid #d1d1d2; *height: 40px;
}
.lastComments a span { display: block; color: #d7b232; }
.lastComments a { color: #555555 !important; }
.lastComments a:hover { color: #d7b232; }
img#wpstats { display: none }
#header, .sm-clean ul { background: #222222 }
nav.menu .sm-clean a { color: #d7b232 !important; }
.sm-clean a span.sub-arrow { border-top-color: #ffffff }
.sm-clean ul a:hover { background: #d7b232 }
ul.sm ul li:first-child { border-color: #d7b232 }
.footer-social li a { color: #d7b232 }
.footer-social li a { border-color: #d7b232 }
.widget-title, #akmanda_author-2 h3 { color: #000000 }
.widget-area a, table { color: #d7b232 }
.widget-title { background: #ffffff }
.akmanda_newsletter_widget .widget-body { background: #2e3639 }
.intro-post .icon.post-type { background-color: #d7b232 }
.intro-post .icon.post-type { color: #ffffff }
.post-title h2 a, .page-title h2 a { color: #000000 }
.post-title h2 a:hover, .page-title h2 a:hover { color: #d7b232 }
.more, input#submit, .input-group-btn:last-child>.btn, .wpcf7-submit { background: #d7b232 }
.more:hover, input#submit:hover, .input-group-btn:last-child>.btn:hover, .wpcf7-submit:hover { background-color: #000 }
.more { border-color: #000 }
.pagination .current, .pagination a:hover, .nav-next a, .nav-previous a { background: #d7b232 }
.pagination .current, .pagination a:hover, .nav-next a, .nav-previous a, .pagination a { border-color: #d7b232 }
.pagination a { color: #d7b232 }
.nav-next a:hover, .nav-previous a:hover { background-color: #000000 }
.nav-next a:hover, .nav-previous a:hover { border-color: #000000 }
.post-content p { color: #666 }
.bord { background-color: #e5e5e5 }
.post-content, .widget-title, .searchform input.field, #akmanda_author-2, #primary-sidebar ul, #primary-sidebar li, .comment-list, .comment-respond { border-bottom-color: #d1d1d2 }
#akmanda_author-2 { border-color: #d1d1d2 }
.post-content { background: #ffffff }
.su-spoiler-style-default > .su-spoiler-title { color: #ffffff }
.su-spoiler-style-default > .su-spoiler-title { background-color: #d7b232 }
.su-tabs .su-tabs-nav span { color: #ffffff }
.su-tabs .su-tabs-nav span:hover, .su-tabs-nav span.su-tabs-current { color: #222 }
.su-tabs-nav span.su-tabs-current { background: #ffffff }
.su-tabs-nav span:hover { background: #ffffff }
.su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { background: #d7b232 }
.su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { border-color: #d7b232 }
.quote-wrap blockquote p { color: #000000 }
.quote-wrap blockquote { background: #ffffff }
.quote-wrap blockquote .icon { color: #d7b232 }
.quote-wrap blockquote { border-color: #d7b232 }
.quote-wrap cite { color: #000 }
#footer p { color: #ffffff }
#footer { background: #222222 }
body { background-color: #e7e7e7; }
body { font-family: Open Sans; font-weight: 400; font-style: normal; color: #666; }
div { color: #666; }
h1, h2, h3, h4, h5, h6 { font-family: Bree Serif; font-weight: 400; font-style: normal; color: #000; }
nav.menu a { font-family: Bree Serif; font-weight: 400; font-style: normal; color: #ffffff; }
a { color: #d7b232; }
a:hover { color: #f94a3e; }
a:active { color: #f94a3e; }
.rightCol { width: 100%; background: #fff; margin: 0 0 20px 0; padding: 7px; font-size: 19px; font-size: 1.9rem; border-bottom: 2px solid #d1d1d2; }
.rightCol imgs { margin: 15px 0; padding: 20px; border: 1px solid #ccc; width: auto !important; height: 90% !important; }
.dergi { list-style: none; }
.dergi li { float: left !important; width: 48%; padding: 2%; border: 1px solid #ccc; margin: 0 2% 2% 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.authors { list-style: none; margin: 0; padding: 0; }
.authors li {
*float:left; width: 100%; padding: 1.5%; border: 1px solid #ccc; margin: 0 1% 2% 0; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.authors li img, .authorList li img { float: left; margin: 0 10px 0 0; height: 100px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.authors li p { font-size: 13px; }
.authorList { list-style: none; margin: 0!important; padding: 0 !important; }
.authorList li { float: left; width: 49%; height: 125px; padding: 1.5%; border: 1px solid #ccc; margin: 0 1% 2% 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.authorList li span { width: 59%; display: block; float: left; }
.authorList li p { font-size: 13px; width: 59%; float: left; }
.authorList li a { background: #ccc; display: block; color: #fff; margin: 8px 0; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.authorList li a:hover { background: #d7b232; }
.otherArticle { list-style: none; padding: 20px 0 0 0; }
.otherArticle li { margin: 5px; padding: 0; text-align: left; }
.gallery { list-style: none; margin: 0 0 50px 0; display: block; }
.gallery li { float: left; margin: 5px 2px; }
.gallery li img, .article img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.article img { margin: 30px 0px 0px 0px !important; width: 100%; height: auto; display: block; color: #666; }
html { font-size: 62.5%; -webkit-font-smoothing: antialiased; }
body { word-wrap: break-word; -ms-word-wrap: break-word; font-size: 16px; font-size: 1.6rem; height: 100%; line-height: 1.6; }
h1 { font-size: 50px; font-size: 5rem; line-height: 1.4; }
h2 { font-size: 40px; font-size: 4rem; line-height: 1.375; margin: 0 0 15px 0; }
h3 { font-size: 30px; font-size: 3rem; line-height: 1.11111; }
h4 { font-size: 20px; font-size: 2rem; line-height: 1.125; }
h5 { font-size: 18px; font-size: 1.8rem; line-height: 1.125; }
h6 { font-size: 16px; font-size: 1.6rem; line-height: 1.125; }
p, li { color: #666; margin: 0 0 20px; }
a { cursor: pointer; outline: none; color: #d7b232; }
a:hover, a:active, a:focus { text-decoration: none; outline: none; color: #d7b232; }
table { width: 80%; margin-bottom: 20px; }
th, td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border: 1px solid #ddd; }
th { font-weight: bold; border-bottom: 2px solid; text-align: center; }
 *::-moz-selection {
 background:#000;
 color:#fff;
}
*::selection { background: #000; color: #fff; }
.wp-caption { max-width: 100%; padding: 0; }
[class*="span"] { min-height: 0; }
iframe { max-width: 100% !important; margin: 0 auto !important; }
.sticky .post-title:before { content: "Featured Post"; padding: 5px 10px; font-size: 12px; font-size: 1.2rem; color: #fff; float: right; }
.bypostauthor { background: #fff; }
.bypostauthor > .comment .comment-author cite:after { content: "post author"; font-size: 7px; font-size: 0.693333rem; font-style: italic; margin-left: 6px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
img { max-width: 100%; height: auto; }
img.aligncenter, img.alignnone { margin-top: 10px; margin-bottom: 12px; }
img.alignleft { margin: 12px 24px 12px 0; margin: 10px 20px 10px 0; }
img.alignright { margin: 12px 0 12px 24px; margin: 10px 0 10px 20px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; line-height: 2; color: #757575; font-size: 12px; font-size: 1.2rem; text-align: left; }
blockquote { border-left: 5px solid #000; }
.bord { background-color: #d7b232; display: block; height: 2px; margin: 20px auto; width: 60px; max-width: 100%; }
.bord-widget { background-color: #d7b232; display: block; height: 2px; margin: 15px auto; width: 60px; max-width: 100%; }
/*-----------------------------------------------------------------------------------*/

/*  2. HEADER

/*-----------------------------------------------------------------------------------*/



.site-title { font-size: 40px; font-size: 4rem; margin: 0; }
.site-title a, .site-title a:hover { color: #ffffff; }
#header { background: #222222; min-height: 150px; }
#sidebar-header { background: #222222; float: left; width: 255px; z-index: 1; }
.logo { margin-top: 20px; margin-left: 15px; }
.logo-image { max-width: 350px; margin: 0 auto; }
/*-----------------------------------------------------------------------------------*/

/*  3. MENU

/*-----------------------------------------------------------------------------------*/



#mainmenu { margin: 50px 10px 0 0; float: right !important; }
#menu-top-menu { position: relative; z-index: 999; width: auto; text-align: center; }
#menu-top-menu ul { margin-top: 7px !important; }
.sub-menuss { display: block !important; width: 600px !important; min-width: auto !important; max-width: auto !important; margin-top: 7px !important; }
.sub-menu li { float: left !important; }
/* Menu box

===================*/

.sm-clean { padding: 0 10px; }
.sm-clean-vertical { padding: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sm-clean ul { padding: 5px 0; background: #222222; }
/* first sub level carets */



/* no carets for vertical main */

.sm-clean-vertical > li > ul:before, .sm-clean-vertical > li > ul:after { display: none; }
/* Menu items

===================*/

.sm-clean a { padding: 12px; color: #ffffff; font-size: 16px; font-size: 1.6rem; text-decoration: none; }
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { color: #d7b232; }
.sm-clean-vertical a:hover, .sm-clean-vertical a:focus, .sm-clean-vertical a:active, .sm-clean-vertical a.highlighted { background: #d7b232; }
.sm-clean a.has-submenu { padding-right: 25px; }
.sm-clean-vertical a, .sm-clean ul a { padding: 7px 20px; }
.sm-clean-vertical a.has-submenu, .sm-clean ul a.has-submenu { padding-right: 0; padding-left: 0; }
.sm-clean ul a { font-size: 14px; font-size: 1.4rem; }
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted { color: #ffffff; background: #d7b232; }
/* current items - add the class manually to some item or check the "markCurrentItem" script option */

.sm-clean a.current, .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active { color: #ffffff; background: #d7b232; }
ul.sm ul li:first-child { border-top: 2px solid #d7b232; }
/* Sub menu indicators

===================*/

.sm-clean a span.sub-arrow { position: absolute; right: 12px; top: 55%; margin-top: -3px; /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */ width: 0; height: 0; overflow: hidden; border-width: 4px; /* tweak size of the arrow */ border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; }
.sm-clean-vertical a span.sub-arrow, .sm-clean ul a span.sub-arrow { right: 15px; top: 50%; margin-top: -5px; border-width: 5px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #ffffff; }
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package

===================*/

.sm-clean span.scroll-up, .sm-clean span.scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: #fff; height: 20px;     /* width and position will be automatically set by the script */
    :;
}
.sm-clean span.scroll-up:hover, .sm-clean span.scroll-down:hover { background: #eee; }
.sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow { position: absolute; top: 0; left: 50%; margin-left: -6px; /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */ width: 0; height: 0; overflow: hidden; border-width: 6px; /* tweak size of the arrow */ border-style: dashed dashed solid dashed; border-color: transparent transparent #555 transparent; }
.sm-clean span.scroll-up:hover span.scroll-up-arrow { border-color: transparent transparent #D23600 transparent; }
.sm-clean span.scroll-down-arrow { top: 8px; border-style: solid dashed dashed dashed; border-color: #555 transparent transparent transparent; }
.sm-clean span.scroll-down:hover span.scroll-down-arrow { border-color: #D23600 transparent transparent transparent; }

/*---------------------------------------------------------------

  Responsiveness

  These will make the sub menus collapsible when the screen width is too small.

---------------------------------------------------------------*/



@media screen and (max-width: 850px) {
.sm-clean:not(.sm-clean-vertical) > li > a { padding-left: 8px; padding-right: 8px; }
}

@media screen and (max-width: 750px) {
.sm-clean:not(.sm-clean-vertical) > li > a { padding-left: 3px; padding-right: 3px; }
}

@media screen and (max-width: 992px) {
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.authorList li {height:auto;}
.logo {margin:50px 0 0 0;}


.dergi {padding:0;}
.dergi li {width:98%;}

ul.sm-clean { width: auto !important; }
ul.sm-clean ul { display: none; position: static !important; top: auto !important; left: auto !important; margin-left: 0 !important; margin-top: 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; }
ul.sm-clean>li { float: none; }
ul.sm-clean>li>a, ul.sm-clean ul.sm-nowrap>li>a { white-space: normal; }
ul.sm-clean iframe { display: none; }
/* Menu box

    ===================*/



.sm-clean { padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sm-clean ul { border: 0; padding: 0; /* darken the background of the sub menus */ background: rgba(130, 130, 130, 0.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
/* no carets */

.sm-clean > li > ul:before, .sm-clean > li > ul:after { display: none; }
/* Menu items

    ===================*/

.sm-clean a { color: #FFF !important; background: transparent !important; }
.sm-clean a.current { color: #D23600 !important; }
/* add some text indentation for the 2+ level sub menu items */

.sm-clean ul a { border-left: 8px solid transparent; }
.sm-clean ul ul a { border-left: 16px solid transparent; }
.sm-clean ul ul ul a { border-left: 24px solid transparent; }
.sm-clean ul ul ul ul a { border-left: 32px solid transparent; }
.sm-clean ul ul ul ul ul a { border-left: 40px solid transparent; }
/* Sub menu indicators

    ===================*/





    /* Hide sub indicator when item is expanded - we enable the item link when it's expanded */

.sm-clean a.highlighted span.sub-arrow { display: none !important; }
/* Items separators

    ===================*/

.sm-clean li { border-top: 1px solid rgba(0, 0, 0, 0.05); }
.sm-clean > li:first-child { border-top: 0; }
}
/*-----------------------------------------------------------------------------------*/

/*  4. CONTENT

/*-----------------------------------------------------------------------------------*/



.page-title h2 { font-size: 50px; font-size: 5rem; line-height: 1.1; text-align: center; }
.page-title h2 a { color: #222222; }
.page-title h2 a:hover { color: #d7b232; }
#grid { list-style: none; margin: 30px auto 0; padding: 0; max-width: 100%; }
#grid li.post { display: block; float: left; padding: 10px 15px; opacity: 0; }
#grid li.post.shown, .no-js #grid li, .no-cssanimations #grid li { opacity: 1; }
article.post { margin-top: 40px; }
.post-content { background: #ffffff; }
.post-entry { margin: 0 auto; padding: 8%; }
.post-title { text-align: center; }
.post-title h2 { font-size: 27px; font-size: 2.7rem; line-height: 1.1; }
.post-title h2 a { color: #222222; }
.single .post-title h2 { line-height: 1.5; font-size: 48px; }
.single .post-entry { border: none; }
.post-content { border-bottom: 2px solid #d1d1d2; transition: all .3s ease-in-out; }
.post-content:hover { -webkit-transform: translate(0px, -20px); }
.intro-post:hover { opacity: 0.7; -webkit-transition: all 1s ease; transition: all 1s ease; }
.post-title h2 a:hover { color: #d7b232; }
.page-title { margin-bottom: 20px; }
.post-type-wrapper { display: inline-block; }
.post-meta .icon.post-type { font-size: 14px; font-size: 1.4rem; background: #d7b232; color: #fff; padding: 10px 10px 6px; margin-right: 5px; vertical-align: middle; border-radius: 50%; }
.post-meta { margin: 0 auto 20px; }
.post-meta ul { margin: 0; padding: 0; }
.post-meta li { display: inline; text-transform: uppercase; list-style: none; font-size: 14px; font-size: 1.4rem; color: #7f7f7f; }
.meta { text-align: center; }
.category-wrapper, .tag-wrapper { display: inline-block; font-style: italic; font-size: 14px; font-size: 1.4rem; }
.category-wrapper { margin-right: 10px; }
.category-wrapper span, .tag-wrapper span { font-style: italic; color: #999; }
/*post index*/



.intro-post { position: relative; }
.intro-post .icon.post-type { font-size: 14px; font-size: 1.4rem; background: #d7b232; color: #fff; padding: 10px 12px 6px; vertical-align: middle; border-radius: 50%; position: absolute; left: 45%; bottom: -20px; z-index: 10; }
.more-button { text-align: center; padding-top: 10px; }
.more { padding: 5px 10px; width: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #d7b232; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.more:hover { background: #000; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.post-thumb img { width: 100%; height: auto; }
.akmanda-excerpt { margin: 20px 0 10px; }
.akmanda-excerpt p { margin: 0 0 20px; }
/*single post inner*/



.inner-content p { margin: 0 0 20px; }
/* quote format */



.format-quote .post-entry { top: -70px; padding: 0% 6% 0%; position: relative; margin-bottom: -70px; }
.format-quote .post-entry .akmanda-excerpt { margin-top: -10px !important; padding-bottom: 20px; }
.format-quote blockquote { background: #fff; padding: 30px; -moz-box-shadow: inset 0 0 0, 0 0 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 0, 0 0 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 0, 0 0 1px rgba(0, 0, 0, 0.3); border: 0; padding-bottom: 50px }
.quote-wrap { position: relative }
.quote-wrap p { margin: 0; padding: 0 }
.quote-wrap blockquote { margin: 0; padding: 0; position: relative }
.quote-wrap blockquote { background: #fff; border: 5px solid #d7b232; padding: 30px; margin-bottom: 10px }
.quote-wrap blockquote:after, .quote-wrap blockquote:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute }
/*.quote-wrap blockquote:after {

    border-top-color: #d7b232;

    border-width: 8px;

    right: 5%

}*/



.quote-wrap blockquote:before { border-top-color: rgba(0, 0, 0, 0.01); border-width: 11px; left: 97%; margin-left: -11px }
.quote-wrap blockquote p { font-size: 24px; font-size: 2.4rem; position: relative; text-align: center; color: #000 }
.quote-wrap blockquote .icon { position: absolute; font-size: 40px; font-size: 4rem; top: -22px; ; left: 25px; color: #d7b232 }
.quote-wrap .quote-attribution { text-align: center; position: relative; margin: 20px auto; top: -10px; }
.quote-wrap .quote-thumb { margin: 20px auto; text-align: center; }
.quote-wrap .quote-thumb img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: auto; }
.quote-wrap cite { color: #000 }
.quote-author { color: #d7b232; }
/*status format*/



.format-status .post-content { background: none; border: none; }
.format-status .post-entry { padding: 0; padding-bottom: 30px; }
/*chat format*/



.format-chat .post-entry p { border-right: 3px solid #000; padding-right: 10px; text-align: right; }
.format-chat .post-entry p:nth-child(odd) { background: transparent; border-left: 3px solid #000; border-right: 0; color: #000; text-align: left; padding-left: 10px; }
/*link format*/



.format-link .post-format-link { padding: 30px 0 15px; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); border: 0; /*position:relative;*/ text-align: center; top: -100px; background: #ffffff; }
.format-link .post-format-link .icon { position: absolute; font-size: 40px; font-size: 4rem; top: 10px; left: 60px; color: #000; }
.single .format-link .post-format-link .icon { top: 60px; left: 100px; }
.format-link .intro-post .icon.post-type { bottom: -215px; }
/*social icon*/



.post-entry ul.footer-social { text-align: center; }
.post-entry ul.footer-social li { display: inline-block; list-style: none; font-size: 24px; font-size: 2.4rem; }
.post-entry ul.footer-social li a { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.post-entry ul.footer-social li a:hover { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
/*post author*/



.authordesc { margin-top: 20px; }
.postauthor img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
/*-----------------------------------------------------------------------------------*/

/*  5. SIDEBAR

/*-----------------------------------------------------------------------------------*/



#primary-sidebar { padding: 40px 15px; text-align: center; }
#primary-sidebar a, #primary-sidebar p { }
.widget { margin-bottom: 40px; background: transparent; }
.widget-title { background-color: #ffffff; margin: 0; padding: 7px; font-size: 19px; font-size: 1.9rem; border-bottom: 2px solid #d1d1d2; height: 40px; }
#primary-sidebar ul, #primary-sidebar li { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #d1d1d2; }
#primary-sidebar li { padding-bottom: 5px; padding-top: 5px; }
#primary-sidebar a:hover { opacity: 0.8; }
/*search form*/



.searchform { position: relative; width: 100%; }
.searchform input.field { background: #FFFFFF; border: 1px solid #E0E0E0; color: #555555; padding: 5px 33px 5px 10px; width: 100%; height: 40px; font-size: 14px; border-radius: 0; border-bottom: 2px solid #d1d1d2; }
.search-button { background: url("img/search.png") no-repeat scroll center center transparent; border: 0 none; display: block; height: 35px; position: absolute; right: 1px; top: 1px; width: 29px; border-radius: 0; }
.akmanda_author { border-bottom: 2px solid #d1d1d2; background: #fff; }
.akmanda_author_img img { border-radius: 50%; max-width: 30%; box-shadow: none; margin-top: -50px; border: 5px solid #ffffff; }
.akmanda_author img:nth-child { /*border-radius: 50%;*/ max-width: 100%; margin: 10px; }
.akmanda_author_bio .muted { padding: 5px 20px; }
ul.ad125 { border-bottom: none !important; }
ul.ad125 li { float: left; margin: 5px !important; overflow: hidden; margin-right: -45px !important; margin-left: 12px !important; border: none !important; }
.flickr_badge_image { float: left; width: 48%; margin: 1%; display: list-item; list-style: none; }
.flickr_badge_image img { width: 100%; }
.akmanda_newsletter_widget .widget-body { background: #2e3639; margin-top: -10px; padding-bottom: 20px; }
.akmanda_newsletter_widget .input-group { margin: 0 auto; width: 90%; }
.akmanda_newsletter_widget .widget-body p { padding-top: 30px; color: #ffffff; text-align: left; margin-left: 20px; margin-right: 10px; padding-bottom: 5px; }
.input-group .form-control:first-child { width: 100%; border-radius: 10px; }
.input-group-btn:last-child>.btn { margin-left: -95px; margin-top: 55px; border-radius: 10px; background: #d7b232; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.input-group-btn:last-child>.btn:hover { background: #000; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
/*-----------------------------------------------------------------------------------*/

/*  6. NAVIGATION

/*-----------------------------------------------------------------------------------*/



.pagina { padding-top: 20px; }
/*inner post content*/



#nav-below { margin: 20px auto; padding: 5%; }
.nav-next, .nav-previous { position: relative; }
.nav-next a:hover, .nav-previous a:hover { color: #fff; background: #2C3033; }
.nav-next a, .nav-previous a { padding: 10px 10px 5px; vertical-align: middle; text-align: center; background: #d7b232; color: #ffffff; border-radius: 100%; }
/*home page*/



.pagination ul { list-style: none; }
.pagination ul li { margin: 0; padding: 0; float: left; margin: 2px; }
.pagination span, .pagination a { width: 35px; height: 35px; line-height: 35px; display: block; text-align: center; text-decoration: none; border-radius: 100%; border: 1px solid #d7b232; ; }
.pagination a:hover { color: #fff; background: #d7b232; border: 1px solid #d7b232; ; }
.pagination .current { width: 35px; height: 35px; line-height: 35px; display: block; text-align: center; background: #d7b232; color: #fff; border: 0; }
/*-----------------------------------------------------------------------------------*/

/*  7. COMMENT

/*-----------------------------------------------------------------------------------*/



.comment-bg { background-color: #141414; }
h3.comments-title { text-align: center; padding: 10px; }
/*comment title*/



.comments-title { padding: 4% 0 0; font-size: 20px; font-size: 2rem; background: #fff; text-align: center; margin-top: 40px; }
.comments-title .icon { position: relative; padding: 10px 10px 5px; vertical-align: middle; text-align: center; background: #d7b232; color: #ffffff; border-radius: 100%; font-size: 14px; font-size: 1.4rem; }
/*comment list*/



.comment-list { padding: 5%; background: #fff; margin-top: -20px; border-bottom: 2px solid #d1d1d2; }
li.comment { list-style: none; }
.comment .avatar img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 3px solid #d7b232; }
.meta-comment { margin-left: 20px; padding: 5px 0; }
.comment-content { padding: 10px 15px 10px 15px; margin: 10px 0 20px 0; }
#comments p { color: #000; }
/*comment respond*/



.comment-respond { background: #fff; padding: 5%; margin-top: 40px; text-align: center; border-bottom: 2px solid #d1d1d2; }
#reply-title { font-size: 20px; font-size: 2rem; line-height: 1.125; }
#commentform label, #commentform .comment-form-comment span { margin-bottom: 5px; font-size: 14px; font-size: 1.4rem; font-weight: 100; display: block; text-align: left; }
#commentform label span { font-size: 13px; font-size: 1.3rem; color: #000; }
.comment-form-comment { margin-top: 10px; }
.comment-form-author, .comment-form-email { width: 49%; display: inline-block; vertical-align: top; }
.comment-form-author { margin-right: 2%; float: left; }
.comment-form-email { float: right; }
.input-container { position: relative; }
.input-container label { position: absolute; top: 0; }
.comment-form-author input, .comment-form-email input { width: 100%; font-size: 10px; font-size: 1rem; outline: 0; padding: 0.5em; color: #2C3033; border: 0; border: 1px solid #e5e5e5; border-radius: 10px; }
input, textarea, .uneditable-input { width: 100%; font-size: 20px; font-size: 2rem; outline: 0; color: #333; border: 0; border: 1px solid #e5e5e5; border-radius: 10px; padding-left: 10px; }
.comment-form-url input { width: 100%; font-size: 10px; font-size: 1rem; outline: 0; padding: 0.5em; color: #2C3033; border: 0; border: 1px solid #e5e5e5; border-radius: 10px; }
input#submit { padding: 4px 12px; font-size: 16px; font-size: 1.6rem; color: #fff; background-color: #d7b232; width: auto; border-radius: 5px; }
input#submit:hover { background-color: #2C3033; }
.comment-notes { margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; }
.post-content p.logged-in-as { color: #000; }
/*-----------------------------------------------------------------------------------*/

/*  8. FOOTER

/*-----------------------------------------------------------------------------------*/



#footer { margin-top: 30px; padding: 10px 30px; background-color: #222222; }
#footer p { color: #ffffff; }
.footer-social { margin: 15px 15px 0; padding: 0; text-align: center; }
.footer-social li { display: inline-block; list-style: none; font-size: 24px; font-size: 2.4rem; }
.footer-social li a { text-align: center; padding: 7px 7px 2px; font-size: 16px; font-size: 1.6rem; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.footer-social li a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: 1px solid #d7b232; }
.footer-social li.twitter:hover a { background: #00acee; color: #fff; border: 1px solid #00acee; }
.footer-social li.google:hover a { background: #dd4c39; color: #fff; border: 1px solid #dd4c39; }
.footer-social li.facebook:hover a { background: #3b5998; color: #fff; border: 1px solid #3b5998; }
.footer-social li.linkedin:hover a { background: #069; color: #fff; border: 1px solid #069; }
.footer-social li.pinterest:hover a { background: #cb2027; color: #fff; border: 1px solid #cb2027; }
.copyright-footer h5 { color: #ffffff; }
/*-----------------------------------------------------------------------------------*/

/*  9. FLEXSLIDER, CONTACT FORM & SHORTCODE

/*-----------------------------------------------------------------------------------*/



.post-content .flexslider { margin: 0 auto; background: #fff; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.post-content .flex-direction-nav a { color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); background: #d7b232; line-height: 30px; text-align: center; border-radius: 10px; }
.post-content .flex-direction-nav a:before { font-size: 20px; font-size: 2rem; padding: 5px 10px 0; }
.post-content .flex-direction-nav .flex-prev { right: -50px; }
.flex-direction-nav li:first-child { left: -5px !important; top: 50% !important; }
.flex-direction-nav li { left: 0px !important; top: 50% !important; right: 0px !important }
.wpcf7-submit { background-color: #d7b232; color: #fff; padding: 5px 20px; font-size: 15px; font-size: 1.5rem; width: auto; background: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.wpcf7-submit:hover { background-color: #000; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
/* ----------- SHORTCODE ----------- */



.su-spoiler { margin-bottom: 0 !important; }
.su-spoiler-style-default > .su-spoiler-title { border-bottom: 1px solid #fff; padding-top: 15px; padding-left: 30px !important; padding-right: 15px !important; padding-bottom: 15px; background: #d7b232; color: #ffffff; }
.su-spoiler-title { font-size: 16px !important; font-size: 1.6rem !important; }
.su-spoiler-style-default > .su-spoiler-content { padding-right: 1em !important; padding-left: 30px !important; }
.su-spoiler-icon { left: 4px !important; top: 15px !important; }
.su-tabs .su-tabs-nav span { color: #ffffff; }
.su-tabs .su-tabs-nav span:hover, .su-tabs-nav span.su-tabs-current { color: #222; }
.su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { background: #d7b232; border: 2px solid #d7b232; }
/* ----------- ANIMATION----------- */





.grid.effect-6 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.grid.effect-6 li.post.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; -moz-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; }
 @-webkit-keyframes flip {
 100% {
 -webkit-transform: rotateX(0deg);
 opacity: 1;
}
}
 @-moz-keyframes flip {
 100% {
 -moz-transform: rotateX(0deg);
 opacity: 1;
}
}
 @keyframes flip {
 100% {
 transform: rotateX(0deg);
 opacity: 1;
}
}

/*-----------------------------------------------------------------------------------*/

/*  10. MEDIA QUERY

/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1199px) {
.format-link .intro-post .icon.post-type { bottom: -265px; }
}
 @media screen and (max-width: 991px) {
.format-link .intro-post .icon.post-type { bottom: -185px; }
#mainmenu, .logo { float: none !important; text-align: center; }
.pagination { padding-left: 0; margin: 20px 0; display: block; }
.footer-social { float: none !important; }
 @media screen and (max-width: 860px) {
 .authorList li {
width:100%;
}
 .intro-post .icon.post-type {
 left: 47%;
}
 .format-link .intro-post .icon.post-type {
 bottom: -185px;
}
 @media screen and (max-width: 577px) {
	.article img {width: 100% !important;height: auto !important; }
 .format-link .intro-post .icon.post-type {
 bottom: -225px;
}
}