/*main style of theme*/ /* FONTS */ @font-face { font-family: 'GothamBook'; src: url('OpenSans-Light-webfont.eot'); src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#GothamBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamBook'; src: url('fonts/gotham/gotham-book-webfont.eot'); src: url('fonts/gotham/gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/gotham-book-webfont.woff') format('woff'), url('fonts/gotham/gotham-book-webfont.ttf') format('truetype'), url('fonts/gotham/gotham-book-webfont.svg#voltaireregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamBold'; src: url('fonts/gotham/gotham-bold-webfont.eot'); src: url('fonts/gotham/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/gotham-bold-webfont.woff') format('woff'), url('fonts/gotham/gotham-bold-webfont.ttf') format('truetype'), url('fonts/gotham/gotham-bold-webfont.svg#voltaireregular') format('svg'); font-weight: normal; font-style: normal; } *,body { transition:0.2s all; } body { font-family:GothamBook; background:#F5F5F5; color:#696868!important; font-size:14px; } a { color:#908F8F; cursor:pointer; text-transform:capitalize; font-size:14px; } a:focus,a:hover { color:#737272; text-decoration:underline; } img:before { content:" "; display:block; position:absolute; top:-10px; left:0; height:calc(100%+10px); width:100%; background-color:#e6e6e6; border:1px solid #c8c8c8; border-radius:0; } img:after { content:"\f100""No Image"; display:block; font-size:10px; font-style:normal; font-family:Ionicons; color:#646464; position:absolute; top:5px; left:0; width:100%; text-align:center; } .btn.disabled,.btn[disabled],fieldset[disabled] .btn { pointer-events:auto; } .modal { z-index:99999; } .navbar-toggle .icon-bar { border:1px solid #B1C8D2; height:2px; } header.site_header { background:#fff; border-bottom:1px solid #E5E5E5; margin-bottom:0; top:0; position:fixed!important; width:100%; z-index:99999; } header.site_header a { color:#696868; display:inline-block; margin-left:0; } li.menu-item::before { display:inline-block; font-size:18px; z-index:9999; position:relative; left:10px; top:2px; color:#696868; border-radius:50px; padding:1px 6px; } .site_content_notification { background:#FFF; color:#69686C; margin:30px 15px; padding:15px; } .site_notify_info_ico { font-size:25px; float:left; margin:6px 10px 6px 0; } .site_notify_info_text { padding-left:25px; } .site_post,.post_request_form { float:none; background:#fff; border:1px solid #EEE; box-shadow:0 0 1px #E3E3E3; margin:20px auto; padding:0; } .post_request_form { border:1px solid #E8E5E5; } h1.post_request_form_title { font-size:20px; background:#EEE; border-bottom:1px solid #CCC; margin:0; padding:15px; } .formsep { margin:15px; } header.site_header .nav li a:hover,header.site_header .nav li.current-menu-item,header.site_header .nav li.current-menu-item a, header.site_header .nav li:hover { background: #E4E4E4; } .site_content_area { border-left:1px solid #E8E5E5; background:#F5F5F5; border-bottom:1px solid #E8E5E5; } .site_sidebar { padding:0; } .sidebar_header { border-bottom:1px solid #E8E5E5; background:#fff; } .sidebar_header h3 { font-size:13px; color:#696868; margin:0; padding:15px 10px; } .no-menu-notice { display:block; background:#fff!important; padding:15px 10px; } .sidebar_inner_menu { background:#F3F2F2; border-bottom:1px solid #E8E5E5; } .sidebar_inner_menu ul { list-style:none; padding:0; } .sidebar_inner_menu ul li a { display:block; color:#696868; text-decoration:none; line-height:40px; padding:5px 10px; } .sidebar_inner_menu ul li a.menu-side-ico-active { background:#E3E3E3; } .nav > li { position:relative; z-index:99; } .site_menu ul li ul { position:absolute; list-style:none; z-index:9; top:100px; visibility:hidden; transition:.2s all; opacity:0; margin:0; padding:0; } .site_menu ul li:hover ul { top:50px; visibility:visible; opacity:1; transition:.2s all; } .site_menu ul li ul li { width:200px; } .site_menu ul li ul li a { display:block; background:#EEE; text-decoration:none!important; padding:10px 20px; } .site_menu ul li ul li ul { position:absolute; left:180px; top:0!important; visibility:hidden!important; transition:.2s all; opacity:0; } header.site_header .nav li ul li ul li a,header.site_header .nav li ul li ul li { background:#EEE; } .site_menu ul li ul li:hover ul { visibility:visible!important; left:198px; opacity:all; transition:.2s all; } .menu-side-ico { margin-right:6px; font-size:20px; top:3px; position:relative; width:32px; height:32px; border:1px solid #D6D6D6; border-radius:50%; display:inline-block; text-align:center; line-height:32px; background:#E8E5E5; } .sidebar_inner_menu ul li a:hover > .menu-side-ico,.sidebar_inner_menu ul li a.menu-side-ico-active > .menu-side-ico { border:1px solid #AFAEAE; } .sidebar_inner_menu ul li a:hover,.sidebar_inner_menu ul li a.menu-side-ico-active { background:#E3E3E3; transition:.2s All; } .site_news_ticker { max-width:90%; background:#fff; text-decoration:none; position:relative; border:1px solid #ECEAEA; border-radius:0!important; margin:5px auto; padding:10px; } .site_news_ticker_img { float:left; width:40px; height:40px; border-radius:50%; border:1px solid #EEE; padding:3px; } .site_news_ticker_img img { width:100%; min-height:0; height:100%; border:0!important; border-radius:50%; } .site_news_ticker_content { padding-left:10px; float:left; width:75%; margin-top:10px; } .site_news_ticker_content a { color:#555; } div.close_ticker { position:absolute; top:5px; right:10px; color:#C5C3C3; cursor:pointer; } .sidebar_inner_ticker { margin-top:5%; position:relative; } .site_post_header_author { padding:15px; } .site_post_header_author_img { width:50px; height:50px; position:relative; float:left; } .site_post_header_author_img img { width:100%; height:100%; border:1px solid #DAD9D9; border-radius:50%; padding:3px; } .pagination>li>a,.pagination>li>span { position:relative; float:left; margin-left:-1px; line-height:1.42857143; color:#908F8F; text-decoration:none; background-color:#fff; border:1px solid #ddd; padding:6px 12px; } .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { z-index:2; color:#908F8F; cursor:default; background-color:#EEE; border-color:#DDD; } .site_post_header_author_desc { float:left; padding:7px 10px; } .site_post_header_author_desc h3 { font-size:15px; font-weight:300; margin:0; } .site_post_header_author_desc h3 a { font-family:gothambold; text-transform:uppercase; color:#908F8F; } .site_post_header_author_desc span { color:#908F8F; text-decoration:none; font-size:14px; } .site_post_content_featured_img { position:relative; overflow:hidden; max-height:400px; display:block; } .site_post_content_featured_img img { width:100%; height:100%; } .site_post_content_featured_img_outer { width:100%; height:100%; position:absolute; background:rgba(239,239,239,0.2); top:0; bottom:0; left:0; right:0; box-shadow:inset 0 0 200px #333; } .site_post_content_title_h1 { color:#908F8F; padding:10px 15px; } .site_post_content_title_h1 h1 { font-size:22px; color:#908F8F; margin:0; } .site_post_content_title_h1 h1 a { color:#908F8F; font-size:16px; font-family:gothambold; } .site_post_content_inner { padding:0 15px; } .entry-content { font-size:14px; text-align:justify; padding:10px 0; } .alignnone,.alignleft,.aligncenter,.alignright { width:100%!important; } .entry-content-share_post { font-size:25px; border-bottom:1px solid #DCDBDB; background:#EEE; color:#908F8F; padding:10px 15px; } .entry-content-share_post_right { text-align:right; } .site_post_meta { font-size:16px; color:#908F8F; } .site_post_meta i.ion-ios-folder-outline { margin-right:7px; } .post_share_time { display:inline-block; cursor:pointer; position:relative; text-decoration:none!important; margin:0 10px; } .post_share_time,.post_share_time a { text-decoration:none!important; font-size:22px; } .post_share_time small { font-size:60%; top:-5px; display:inline-block; position:relative; } .share_fb_ion { width:13px; display:inline-block; font-size:17px; text-align:center; } .uil-ripple { position:relative; opacity:.5; z-index:999; display:block; margin:0 auto; } .ld-l { opacity:0; animation:ld-in 3s 0 ease infinite; } .ld-o { opacity:0; animation:ld-in 3s .1s ease infinite; } .ld-a { opacity:0; animation:ld-in 3s .2s ease infinite; } .ld-d { opacity:0; animation:ld-in 3s .3s ease infinite; } .ld-i { opacity:0; animation:ld-in 3s .4s ease infinite; } .ld-n { opacity:0; animation:ld-in 3s .5s ease infinite; } .ld-g { opacity:0; animation:ld-in 3s .6s ease infinite; } 30% { opacity:1; transform:scale(1); } 100% { opacity:1; transform:scale(1); background-position:right; } .site_blog_post_loader { position:relative; float:none; text-align:center; color:#D9E3EA; margin:10px auto; } .site_footer { background:#9A9A9A; position:relative; top:50px; } .footer_links li+li { margin-left:15px; } .footer_links { text-align:center; padding:10px; } .footer_bottom { color:#fff; padding:10px 0; } .footer_bottom_right a { color:#fff; font-size:22px; } .footer_bottom_right li+li { margin-left:10px; } .site_info { text-align:center; color:#D0D0D0; padding:5px; } .site_info li+li { border-left:1px solid #BCCACC; padding-left:8px; } .site_info_sep { float:none; border-top:1px solid #EEE; border-bottom:1px solid #EEE; height:5px; margin:0 auto 8px; } .site_info_sep_txt { position:relative; top:-16px; color:#EEE; font-size:24px; display:block; text-align:center; margin:0 auto; } .site_fb_page_widget_inner { position:relative; border:1px solid #D8D7D7; margin:0 auto; } .site_fb_page_widget_inner h3.site_widget_fb_title { background:#fff; font-size:14px; color:#696868; margin:0; padding:10px; } .site_sm_widget_inner { position:relative; border:1px solid #D8D7D7; background:#fff; margin:0 auto; } .site_sm_widget_inner h3.site_sm_widget_title,h2.widgettitle { background:#F5F5F5; font-size:14px; color:#696868; border-bottom:1px solid #D8D7D7; margin:0; padding:10px; } .site_sm_widget_inner img { width:auto; } #cawrap { text-align:center; width:178px; height:auto; right:15px; position:fixed; border:1px solid rgba(0,0,0,0.05); z-index:1000000; font-size:12px; font-weight:700; top:auto!important; bottom:15px!important; background:rgba(255,255,255,0.9)!important; padding:24px 24px 10px; } #ca-remove { width:24px; height:24px; position:absolute; top:0; right:0; text-align:center; cursor:pointer; font-size:12px; line-height:24px; color:#777; } #ca-remove:before { content:'\00D7'; display:inline-block; } #cawrap a.ads_website { display:block; text-transform:uppercase; font-size:65%; letter-spacing:1px; color:#cc301e; font-weight:700; text-decoration:none; } .ca-text { color:#000; text-decoration:none!important; } .site_header_fixed { font-size:13px; } .container-fluid-mx { position:relative; top:50px; } .admin-bar header { top:32px; } header.sticky { top:-52px; transition:.2s all; } header.unsticky { top:0; transition:.2s all; } div.sticky { background:#FFFBD7; border:1px solid #FFFBD7; box-shadow:0 0 1px #FFD65C; } .admin-bar header.unsticky { top:32px; transition:.2s all; } .site_comment_main_wrap { display:none; position:relative; transition:.5s ease-In all; } .site_comment_left img { width:60px; height:60px; border:2px solid #9FB7CA; border-radius:50%; position:absolute; z-index:999; top:6px; left:10px; } .site_comment_right { margin:0; padding:0; } .comment_tip { width:0; height:0; position:absolute; background:transparent; border:10px solid #9FB7CA; top:0; right:5.5%; border-top-color:#9fb7ca; border-right-color:rgba(159,183,202,0); border-bottom-color:rgba(31,27,27,0); } .comment_tip_white { width:0; height:0; position:absolute; background:transparent; border:8px solid #FFF; top:2px; right:6.2%; border-top-color:#fff; border-right-color:rgba(159,183,202,0); border-bottom-color:rgba(31,27,27,0); } .site_comments_textarea { width:92%; border:2px solid #9FB7CA; outline:0; color:#9FB7CA; text-align:left; min-height:72px; border-top-left-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding:10px 10px 10px 75px; } .site_comments_submit { font-size:0; background:#6499B8; border:1px solid #6499B8; width:48px; height:48px; border-radius:50%; color:#fff; position:absolute; top:15px; right:0; outline:0; } .site_comments_submit i { font-size:24px; } .comment_extras_container .input-group-addon { border:1px solid #689BB9; border-right:0; color:#FFF; background:#6499B8; } .comment_extras_container .form-control { border:1px solid #6499B8; box-shadow:none; } .site_post_comment { display:block; margin:10px 0; } .site_post_comment_left img { width:50px; height:50px; border:2px solid #9FB7CA; border-radius:50%; } .comment_tip_left { width:0; height:0; position:absolute; background:transparent; border:10px solid #9FB7CA; top:0; left:-3px; border-top-color:#9fb7ca; border-left-color:rgba(159,183,202,0); border-bottom-color:rgba(31,27,27,0); } .comment_tip_left_white { width:0; height:0; position:absolute; background:transparent; border:8px solid #F3F6F8; top:2px; left:2px; border-top-color:#F3F6F8; border-left-color:rgba(159,183,202,0); border-bottom-color:rgba(31,27,27,0); } .closed_comment_notice { font-size:16px; margin:0; padding:10px; } .site_post_comments_text { width:96%; border:2px solid #9FB7CA; outline:0; color:#D8D7D7; text-align:left; min-height:50px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; margin-left:15px; background:#F3F6F8; padding:10px 10px 24px; } .site_post_comment_reply { padding-left:45px; } .site_post_comment_reply_action { font-size:0; width:20px; height:20px; background:#9FB7CA; display:inline-block; text-align:center; color:#F3F6F8; border-radius:50%; position:absolute; bottom:5px; right:18px; } .site_post_comment_reply_action i { font-size:16px; } .site_comment_main_wrap_action_margin { display:block; visibility:visible; margin-top:0; border-top:1px solid #E8E5E5; transition:.5s ease-Out all; } .heart { background:url(../img/site_heart_animation.png); background-position:-2.5px; background-repeat:no-repeat; top:-2px; height:38px; width:50px; cursor:pointer; position:absolute; left:-26px; background-size:1450px; transform:scale(1.1); transition:0 all; } .heart:hover { background-position:right; transition:0 all; } .likeCount { top:-3px; margin-left:14px; font-size:60%; position:relative; display:inline-block; } .heartAnimation { -webkit-animation-name:heartBlast; animation-name:heartBlast; -webkit-animation-duration:.8s; animation-duration:.8s; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-timing-function:steps(28); animation-timing-function:steps(28); background-position:right; } .site_post_pagination_prev { position:absolute; display:block; background:#cccbcc; height:50px; top:40%; color:#fff; line-height:30px; border:1px solid #F3F6F8; border-left:3px solid #F3F6F8; border-top-right-radius:4px; border-bottom-right-radius:4px; text-align:center; text-decoration:none; visibility:hidden; left:-100%; transition:.2s all; padding:10px; } .site_post_pagination_next { position:absolute; display:block; background:#cccbcc; height:50px; top:40%; color:#fff; line-height:30px; border:1px solid #F3F6F8; border-right:3px solid #F3F6F8; border-top-left-radius:4px; border-bottom-left-radius:4px; text-align:center; text-decoration:none; visibility:hidden; right:-100%; transition:.2s all; padding:10px; } .site_post_pagination_prev:hover { background:#bdbdbd; color:#fff; text-decoration:none; text-align:left; padding-left:20px; transition:.2s all; } .site_post_pagination_next:hover { background:#bdbdbd; color:#fff; text-decoration:none; text-align:right; padding-right:20px; transition:.2s all; } .site_post:hover .site_post_pagination_prev { visibility:visible; transition:.2s all; left:-3px; } .site_post:hover .site_post_pagination_next { visibility:visible; transition:.2s all; right:-3px; } .site-author-box { background:#EEE; border-top:1px solid #E8E5E5; } .site-author-box-content { padding:25px; } .site-author-box-avatar { float:left; margin-right:25px; border:1px solid #DCDBDB; position:relative; border-radius:50%; background:#fff; padding:3px; } .site-author-box-avatar img { border-radius:50%; } .site-author-box-contact { font-weight:600; border-top:1px solid #DCDBDB; padding:15px; } .site-author-box-contact i { font-size:20px; } .site-author-box-postcount:before { font-family:Ionicons; content:"\f3d1"; padding:0 5px; } .site-author-box-header { margin-bottom:10px; } .site-author-box-name { font-size:20px; font-weight:700; } .site-author-box-contact a,.site-author-contact-title { display:inline-block; min-width:70px; text-align:center; padding:5px 10px; } .site-author-box-contact a { border-left:1px dotted #BFD1DC; } .site-author-box .screen-reader-text { position:absolute; top:-9999rem; left:-9999rem; } .archive_header_inner { background:#E3E3E3; border:1px solid #E3E3E3; } .archive_header h1.archive_head_text { color:#9C9C9C; text-shadow:0 1px 0 #9C9C9C; font-size:14px; margin:0; padding:10px; } .archive_header .archive_description { color:#696868; text-align:justify; border-top:1px solid #D3D3D4; padding:10px 10px 0; } .arch_main_text:after { font-family:Ionicons; content:"\f3d1"; padding:0 5px 0 10px; } .archive_posts { float:none; margin:20px auto; padding:0; } .not_found_posts { float:none; margin:0 auto; padding:0; } .archive_post { background:#fff; border:1px solid #E3E3E3; box-shadow:0 0 1px #E3E3E3; margin:10px 0; padding:0; } .archive_post .site_post_content_title_h1 h1 { font-size:16px; font-weight:700; color:#0087BE; text-decoration:none!important; margin:0; } .site_post_meta a { display:inline-block; } .archive_post .entry-content { font-size:14px; word-wrap:break-word; padding:10px 0; } .nothing_found_search_title { text-align:center; } .search_post_result_title { font-size:16px; font-family:gothambold; margin:0; padding:10px 0; } .search_post_result_desc { display:block; color:#626363; font-size:13px; padding:0 0 5px; } .search_post_result_url { display:block; color:#4CAF50; font-size:11px; font-weight:700; cursor:pointer; padding:0; } .site_big_search_form_text { font-size:16px; background:#fff; border:1px solid #E8E5E5; border-bottom:0; padding:10px; } .site_big_search_form_text input[type=text] { width:100%; padding-right:32px; border:0; outline:0; } .site_big_search_form_text button { position:absolute; top:5px; right:16px; font-size:24px; border:0; background:#fff; color:#698AA2; } .not_found_header_inner { background:#86A5BC; border:1px solid #698AA2; box-shadow:0 0 1px #D3DCE2; } .not_found_header h1.archive_head_text { color:#fff; text-shadow:0 1px 0 #698AA2; font-size:16px; margin:0; padding:10px; } .not_founc_section { display:block; float:none; text-align:center; margin:0 auto; padding:20px; } .not_found_ico { font-size:128px; color:#86A5BC; text-shadow:2px 2px 2px #39566B; } .site_search_form { overflow:hidden; position:relative; } .site_search_form_text { background:#fff; border:1px solid #E3E3E3; position:relative; width:75%; float:right; transition:.2s all; border-radius:3px; margin:8px 0; padding:5px; } .site_search_form_text input[type=text] { width:100%; border:0; outline:0; border-radius:2px; } .site_search_form_text button { position:absolute; right:0; border:0; top:1px; background:transparent; font-size:20px; color:#696868; border-radius:2px; } .expend_site_search_form_text { width:100%!important; transition:.2s all; } .site_home_notification { background:#fff; color:#69686C; border-bottom:1px solid #DBDBDC; float:none; margin:30px auto; padding:15px; } .entry-content-tags { border-top:1px solid #E9EFF3; display:block; margin:5px 0 0; padding:5px; } .entry-content-tags-text a { display:inline-block; background:#F5F5F5; text-decoration:none; font-size:12px; position:relative; border-top-right-radius:3px; border-bottom-right-radius:3px; border:1px solid #E8E5E5; height:24px; margin:5px 5px 5px 15px; padding:3px 6px 3px 3px; } .entry-content-tags-text a:before,.entry-content-tags-text a:after { width:0; height:0; position:absolute; background:transparent; border:12px solid #E8E5E5; top:-1px; left:-24px; border-top-color:rgba(243,246,248,0); border-left-color:rgba(233,239,243,0); border-bottom-color:rgba(233,239,243,0); content:""; } .entry-content-tags-text a:before { border:12px solid #E8E5E5; top:-1px; left:-25px; border-top-color:rgba(243,246,248,0); border-left-color:rgba(233,239,243,0); border-bottom-color:rgba(233,239,243,0); } .entry-content-tags-text { display:block; position:relative; } .entry-content-tags-text a:hover { color:#888; } .aligncenter,div.aligncenter { display:block; margin:5px auto; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .widget_search { padding:5px 15px; } .site_sm_widget_inner ul,.site_sm_widget_inner ol { padding-top:10px; } .widget_calendar { width:100%; text-align:center; background:#fff; margin:0 auto; } tbody tr:nth-of-type(2n) { background-color:#eee; } th { background-color:#fff; font-weight:700; border-bottom:1px solid #eee; padding:8px 5px; } tbody tr td:nth-of-type(1) { font-weight:700; padding:5px; } #wp-calendar caption { text-align:right; color:#333; font-size:12px; margin-top:10px; margin-bottom:15px; } #wp-calendar thead { font-size:10px; } #wp-calendar thead th { padding-bottom:10px; } #wp-calendar tbody td { background:#f5f5f5; border:1px solid #fff; text-align:center; padding:8px; } #wp-calendar tbody td#today { background:#ccc; } #wp-calendar tbody td:hover { background:#fff; } #wp-calendar tbody .pad { background:none; } #wp-calendar tfoot #next { font-size:10px; text-transform:uppercase; text-align:right; } #wp-calendar tfoot #prev { font-size:10px; text-transform:uppercase; padding-top:10px; } .site_sm_widget_inner .tagcloud,ul.tagcloud li { font-size:1em; list-style-type:none; margin:0; padding:0; } .site_sm_widget_inner .tagcloud a { display:inline; text-decoration:none; padding:3px 4px; } .wp-caption,.gallery-caption { background:#fff; border:1px solid #f0f0f0; max-width:96%; text-align:center; padding:5px 3px 10px; } .wp-caption.alignright { margin:5px 0 20px 20px; } .wp-caption img,.gallery-caption img { border:0 none; height:auto; max-width:98.5%; width:auto; margin:0; padding:0; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .screen-reader-text { clip:rect(1px,1px,1px,1px); position:absolute!important; height:1px; width:1px; overflow:hidden; } .screen-reader-text:focus { background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0,0,0,0.6); clip:auto!important; color:#21759b; display:block; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; text-decoration:none; top:5px; width:auto; z-index:100000; padding:15px 23px 14px; } .site_comment_form .heading { background:#FFF; font-size:16px; text-transform:uppercase; font-weight:600; margin:0; padding:10px; } .comment-tabs { border-bottom:2px solid #eee; margin-bottom:20px; list-style:none; margin-top:10px; } .comment-tabs li { float:left; margin-bottom:-2px; } .comment-tabs li a { font-weight:600; display:block; color:#aaa; border-bottom:2px solid #eee; padding:0 10px 10px; } .comment-tabs li a:hover { color:#444; border-color:#ccc; } .comment-tabs li span { background-color:#eee; margin-left:8px; -webkit-border-radius:4px; border-radius:4px; padding:0 6px; } .comment-tabs li.active a { color:#3b8dbd; border-bottom-color:#3b8dbd; } .commentlist-container { display:block; clear:both; padding:10px; } .commentlist,.pinglist { list-style:none; margin:0 0 20px; padding:0; } .commentlist li,.pinglist li { padding-left:60px; font-size:14px; line-height:22px; font-weight:400; margin:10px; } .commentlist .comment-body,.pinglist li { clear:both; position:relative; padding-bottom:15px; } .commentlist .comment-author,.commentlist .comment-meta,.commentlist .comment-awaiting-moderation { font-size:13px; display:block; float:left; line-height:20px; } .commentlist .fn,.pinglist .ping-link { color:#444; font-size:13px; font-style:normal; font-weight:600; } .commentlist .avatar { position:absolute; left:-60px; top:0; width:48px; height:48px; max-height:48px; min-height:48px; -webkit-border-radius:3px; border-radius:50%; border:1px solid #ddd; } .commentlist .comment-meta:before,.pinglist .ping-meta:before { color:#ccc; content:"\f3b3"; font-family:Ionicons; font-size:10px; margin-right:3px; vertical-align:4%; } .commentlist .reply { font-size:13px; line-height:16px; } .commentlist .reply a:hover { color:#444; } .comment-awaiting-moderation { color:#3b8dbd; font-style:normal; } .comment-reply-link:before { color:#ccc; content:"\f21e"; font-family:Ionicons; font-size:10px; margin-right:3px; vertical-align:4%; } .pinglist li { padding-left:0; } .commentlist .comment-body p { margin-bottom:8px; color:#777; clear:both; } .commentlist .comment-body strong { font-weight:700; } .commentlist .comment-body em { font-style:italic; } .commentlist .comment-body ol li { list-style:decimal; margin-left:2em; padding:0; } .commentlist .comment-body ul li { list-style:square; margin-left:2em; padding:0; } .commentlist li.bypostauthor > .comment-body:after,.commentlist li.comment-author-admin > .comment-body:after { background:#3b8dbd; display:block; position:absolute; content:"\f040"; color:#fff; line-height:12px; width:12px; font-style:normal; font-family:FontAwesome; text-align:center; top:32px; left:-28px; font-size:10px; -webkit-border-radius:3px; border-radius:3px; padding:2px; } .commentlist li.comment-author-admin > .comment-body:after { content:"\f005"; } .commentlist li li.bypostauthor > .comment-body:after,.commentlist li li.comment-author-admin > .comment-body:after { top:22px; left:-26px; font-size:8px; -webkit-border-radius:2px; border-radius:2px; padding:1px; } .commentlist li ul { list-style:none; } .commentlist li li { padding-left:48px; margin:0; } .commentlist li li .avatar { width:36px; height:36px!important; max-height:36px; min-height:36px; left:-48px; top:0; } .commentlist li li .comment-meta { left:70px; } .comments-nav { margin-bottom:20px; } .comments-nav a { font-weight:600; } .comments-nav .nav-previous { float:left; } .comments-nav .nav-next { float:right; } #commentlist-container { padding:20px; } #respond { position:relative; border-top:0 solid #D9E3EA; background:#F3F6F8; } #reply-title { background:#FFF; margin:0; padding:10px; } li #reply-title { font-size:0; height:0; border-top:0; margin:0!important; padding:0; } #cancel-comment-reply-link { color:#999; display:block; position:absolute; bottom:26px; right:20px; font-size:12px; } #cancel-comment-reply-link:hover { color:#777; } #commentform { background:#FFF; -webkit-border-radius:2px; border-radius:2px; padding:10px 20px 20px; } #commentform p.comment-form-author { width:48%; float:left; } #commentform p.comment-form-email { width:48%; float:right; } #commentform label { font-weight:600; display:block; padding:6px 0; } #commentform input[type="text"],#commentform textarea { width:100%; background:#fff; border:2px solid #ddd; color:#777; display:block; max-width:100%; outline:0; padding:7px 8px; } .must-log-in { margin:0; padding:10px; } #commentform textarea { height:100px; } body::-webkit-scrollbar,body::-o-scrollbar,body::-moz-scrollbar { width:9px; } body::-webkit-scrollbar-track,body::-o-scrollbar-track { background-color:rgba(241,242,243,0.5); border:1px solid #333; } body::-webkit-scrollbar-thumb,body::-o-scrollbar-thumb { background-color:#555; } body::-webkit-scrollbar-thumb:hover,body::-o-scrollbar-thumb:hover { background-color:#444; } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,.entry-content-share_post_left { text-align:left; } .clear,#commentform p.comment-form-url,#commentform p.comment-form-comment { clear:both; } header.site_header .nav li a:hover,header.site_header .nav li.current-menu-item,header.site_header .nav li.current-menu-item a,header.site_header .nav li:hover,.site_menu ul li ul li:hover,.site_menu ul ul li a:hover,.site_menu ul li ul li ul li a:hover { background:#E4E4E4; } .site_single_post,.site_comments { position:relative; overflow:hidden; } .widget_instruction_blogx,.textwidget { padding:5px; } .entry-content img,.widget_search .site_search_form_text,table,#wp-calendar { width:100%; } .post_share_time .dropdown-menu>li>a,.archive_post .site_post_meta { font-size:14px; } .footer_links li a,.site_info a { color:#fff; } .footer_links ul,.comment_textarea_container,.archive_header .site_content_notification,.not_founc_section h1 { margin:0; } .site_fb_page_widget,.site_sm_widget { width:90%; display:block; margin:20px auto; padding:0; } .site_fb_page_widget_inner:before,.site_fb_page_widget_inner:after,.site_sm_widget_inner:before,.site_sm_widget_inner:after { content:""; position:absolute; bottom:-4px; left:2px; right:2px; height:1px; border-top:none; background:transparent; border:1px solid #D8D7D7; } .site_fb_page_widget_inner:after,.site_sm_widget_inner:after { left:4px; right:4px; bottom:-7px; box-shadow:0 0 2px #D8D7D7; } .site_comments_inner,.site_commented_container { background:#d9e3ea; padding:10px; } .site_comment_left,.site_post_comment_left { text-align:right; position:relative; padding:0; } .archive_header,.not_found_header { float:none; clear:both; margin:20px auto; } .search_post_result,#calendar_wrap { padding:10px; } .alignnone,a img.alignnone,.wp-caption.alignnone,.wp-caption.alignleft { margin:5px 20px 20px 0; } .alignright,a img.alignright { float:right; margin:5px 0 20px 20px; } .alignleft,a img.alignleft { float:left; margin:5px 20px 20px 0; } #wp-calendar tbody,.commentlist .comment-meta a,.pinglist .ping-meta,.commentlist .reply a { color:#aaa; } #pinglist-container,.commentlist .says,.logged-in-as,.comment-notes,.form-allowed-tags,.logged-in #commentform p.comment-form-comment label { display:none; } .comment-tabs li i,.commentlist .comment-author { margin-right:6px; } #commentform p.form-submit,.logged-in #commentform p.comment-form-comment { margin-top:10px; } @media max-width 945px{ body { font-size:11px; } .nav > li > a,.navbar-brand { padding:15px 10px; } } @media screen and max-width 600px{ table { width:100%; } tr:nth-of-type(2n) { background-color:inherit; } tr td:first-child { background:#f0f0f0; font-weight:700; font-size:1.3em; } tbody td { display:block; text-align:center; } #wp-calendar tbody td { display:table-cell; text-align:center; } thead,#wp-calendar tbody td:before { display:none; } } @media screen and max-width 766px{ header.sticky,header.unsticky { position:relative!important; top:0!important; } .site_menu ul li > ul { display:none!important; } }