/* Theme Name: Best Theme URI: http: Author: the BWS team Author URI: https://github.com/bestwebsoft Description: Best is a professional, fast, easy-to-use and multipurpose theme. It is beautifully styled, and has an awesome design. In spite of the number of great opportunities, Best theme may seem simple, yet its simplicity brings clarity, sense of balance, and looks really great. Best is a multipurpose theme, which will be useful for a variety of websites such as daily news, news magazines, network sites, etc. Version: 1.0 License: GNU General Public License V3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: white, gray, light, fluid-layout, right-sidebar, threaded-comments, sticky-post, custom-header, translation-ready, featured-images Text Domain: best */ @font-face { font-family: 'montserratregular'; src: url('fonts/montserratregular/montserrat-regular-webfont.eot'); src: url('fonts/montserratregular/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserratregular/montserrat-regular-webfont.woff2') format('woff2'), url('fonts/montserratregular/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserratregular/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserratregular/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('fonts/open_sansregular/opensans-regular-webfont.eot'); src: url('fonts/open_sansregular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open_sansregular/opensans-regular-webfont.woff2') format('woff2'), url('fonts/open_sansregular/opensans-regular-webfont.woff') format('woff'), url('fonts/open_sansregular/opensans-regular-webfont.ttf') format('truetype'), url('fonts/open_sansregular/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('fonts/open_sansbold/opensans-bold-webfont.eot'); src: url('fonts/open_sansbold/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open_sansbold/opensans-bold-webfont.woff2') format('woff2'), url('fonts/open_sansbold/opensans-bold-webfont.woff') format('woff'), url('fonts/open_sansbold/opensans-bold-webfont.ttf') format('truetype'), url('fonts/open_sansbold/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('fonts/montserratbold/montserrat-bold-webfont.eot'); src: url('fonts/montserratbold/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserratbold/montserrat-bold-webfont.woff2') format('woff2'), url('fonts/montserratbold/montserrat-bold-webfont.woff') format('woff'), url('fonts/montserratbold/montserrat-bold-webfont.ttf') format('truetype'), url('fonts/montserratbold/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { font-family: 'Open Sans','Montserrat',sans-serif; line-height: 1.5em; color: #333; margin: 0 !important; } html { margin: 0 !important; } article, section, header, nav { margin: 10px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-word-wrap: break-word; word-wrap: break-word; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-word-wrap: break-word; word-wrap: break-word; } img { height: auto; width: auto; /* ie8 */ max-width: 100%; border-radius: 5px; } embed, object, iframe { width: auto\9; max-width: 100%; max-height: 100%; } legend, input[type="text"], textarea, optgroup, select { font-family: 'open_sansregular'; font-size: 16px; } table, li, p, dd { font-family: 'open_sansregular'; font-size: 15px; } hr { color: #777; height: 0px; border-top: 0px; border-style: dashed; margin-top: 35px; margin-bottom: 36px; } a { text-decoration: none; color: rgb(68,68,68); } a:hover{ color: #eb5a3d; } h1, h2, h3, h4, h5, h6 { font-family: 'montserratregular'; display: block; margin-left: 0px; margin-right: 0px; } h1 { font-size: 27px; margin-top: 1.42em; } h2 { font-size: 24px; margin-top: 24px; } h3 { font-size: 21px; margin-top: 1.1em; } h4 { font-size: 18px; margin-top: 18px; } h5 { font-size: 16px; margin-top: 1.26em; } h6 { font-size: 14px; margin-top: 1.15em; } p { line-height: 24px; margin-top: 10px; margin-bottom: 18px; } dl { margin-top: 1.41em; line-height: 21px; margin-left: 32px; margin-bottom: 19px; } dt { font-family: 'montserratregular'; font-size: 16px; display: block; } dd { display: block; margin: 0 0 20px; } ol { list-style: decimal; padding-left: 53px; margin-top: 10px; margin-bottom: 18px; } ol li { display: list-item; margin-top: 8px; padding-left: 2px; } ul { list-style: url(images/create_disk.png); display: block; padding-left: 45px; margin-bottom: 36px; margin-top: 9px; } ul li { margin-top: 6px; margin-bottom: 6.5px; padding-left: 10px; } ul ul, ol ol, ol ul, ul ol { margin: 0 0 0 20px; padding: 0px; } .best-witget-right-sidebar ul ul, .best-witget-right-sidebar ol ol, .best-witget-right-sidebar ol ul, .best-witget-right-sidebar ul ol, .best-witget-footer-sidebar ul ul, .best-witget-footer-sidebar ol ol, .best-witget-footer-sidebar ol ul, .best-witget-footer-sidebar ul ol { margin: 0 0 0 10px; padding: 0px; } fieldset { padding-top: 0.5em; padding-left: 1.44em; padding-bottom: 0.7em; border: 1px groove threedface; margin-top: 11px; margin-bottom: 41px; max-width: 96.3%; } legend { padding-left: 10px; padding-right: 10px; padding-top: 0px; margin-left: -9px; letter-spacing: -1px; } form { max-width: 100%; margin-top: -4px; } label { font-size: 16px; font-family: 'open_sansbold'; } input[type="text"], input[type="password"], input[type="url"], input[type="email"] { padding: 10px 10px 13px 10px; max-width: 221px; width: 100%; border-radius: 5px; background: #ededed; margin: 3px 0px 8px; border: 1px solid #ccc; color: #696969; } textarea { overflow: auto; padding: 10px; min-height: 43px; height: 93px; min-width: 100px; width: 221px; max-width: 586px; border-radius: 4px; background: #ededed; margin: 2px 0px 0px; border: 1px solid #ccc; } optgroup { font-weight: normal; border: 0; } option { font-weight: normal; } a, input[type="submit"], input[type="button"], input[type="reset"], .best-active-opt, input[type="text"], textarea, .best-custom-file, .best-custom-file-content, .best-custom-file-text, .best-custom-file-button { position: relative; zoom: 1; } table { background: #fff; width: 100%; max-width: 654px; border-spacing: 0px; margin: 22px 0px 41px 0px; border-radius: 5px; border: #ccc 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url( js/PIE.htc ); } td { border-top: #ccc 1px solid; text-align: left; padding: 14px 10px 16px 19px; border-right: #ccc 1px solid; } td:last-child { border-right: none; } td:first-child { border-right: #ccc 1px solid; } tr th { background: #fff; } tr { background: #ededed; } tr:hover { background: #f8f8f8; } th { font-weight: bold; padding: 14px 10px 14px 19px; text-align: left; letter-spacing: 0.3px; } sup { font-size: 9px; vertical-align: 5px; letter-spacing: -0.2px; line-height: 1px; } sub { font-size: 9px; vertical-align: -5px; letter-spacing: -0.3px; line-height: 1px; } pre { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; border: #ccc 1px solid; border-radius: 5px; background: #ededed; color: #777777; font-family: 'Courier New',Courier,monospace; font-size: 16px; margin: 31px 0 24px 0; overflow: auto; padding: 22px 29px 20px 29px; line-height: 24px; letter-spacing: 0.25px;; } abbr[title] { border-bottom: 1px dotted; } big { font-size: larger; } code, kbd, pre, samp { font-family: monospace,serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .best-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } b, strong { font-weight: bold; } i, cite, em, var, address, dfn { font-style: italic; } /*---------Blockqote-------*/ blockquote { max-width: 450px; margin: 23px 0px 10px 2px; } blockquote p { border-left: #eb5a3d 5px solid; padding: 0px 0px 0px 19px; display: table-cell; font-size: 24px; font-family: 'montserratregular'; line-height: 33px; } blockquote:after { display: block; font-family: 'open_sansregular'; font-size: 15px; line-height: 31px; padding: 1px 0px 0px 23px; } img.best-custom-img-header { position: absolute; top: 0; z-index: 0; border-radius: 0; height: 226px; } /*--------End-Blockqote-------*/ .post-data { color: #aaa; margin-left: 1px; } /*------------Logotip----------------*/ .best-logo { float: left; width: 240px; word-wrap: break-word; } .best-logo h1 { font-size: 35px; font-family: 'montserratbold'; text-transform: uppercase; margin: 0; line-height: 30px; } .best-logo p { font-size: 14px; margin: 2px 0px 0px 0px; color: #ccc; word-wrap: break-word; line-height: 20px; } /*------------End-Logotip----------------*/ /*------------Nav-Menu-Header------------------*/ .best-main-navigation { display: inline-block; float: right; z-index: 100; text-transform: uppercase; margin-right: 89px; line-height: 15px; } .best-assistive-text.skip-link { display: none; } .best-main-small-navigation .menu { display: none; } h1.best-assistive-text, h1.best-menu-toggle { display: none; font-weight: bold; text-transform: none; color: rgb(68,68,68); cursor: pointer; } h1.best-menu-toggle:hover { color: #eb5a3d; } .best-main-navigation div ul { margin: 0; } .best-main-navigation div li { display: inline-block; margin: 0px; position: relative; float: left; padding: 12px 18px 14px 18px; border: 1px solid transparent; } .best-main-navigation div li a { padding: 0; color: #CCC; font-size: 14px; font-family: 'montserratregular'; width: 100%; display: block; } .best-main-navigation div li a:hover { color: #444; } .best-main-navigation div ul ul li { width: 100%; max-width: 230px; padding: 11px 18px 11px 17px; } .best-main-navigation div ul li ul ul { margin: 5px auto; } .best-main-navigation div ul li ul { margin-top: 0px; border-radius: 3px; border: 1px solid #CCC; list-style-type: none; position: absolute; left: -9999px; opacity: 0; width: 232px; z-index:100 !important; background-color: #fff; } .best-main-navigation div ul:hover ul li ul, .best-main-navigation div ul:hover ul ul li ul, .best-main-navigation div ul:hover ul ul ul li ul, .best-main-navigation div ul:hover ul ul ul ul li ul, .best-main-navigation div ul:hover ul ul ul ul ul li ul, .best-main-navigation div ul:hover ul ul ul ul ul ul li ul, .best-main-navigation div ul:hover ul ul ul ul ul ul ul li ul, .best-main-navigation div ul:hover ul ul ul ul ul ul ul ul li ul, .best-main-navigation div ul:hover ul ul ul ul ul ul ul ul ul li ul, .best-main-navigation div ul:hover ul ul ul ul ul ul ul ul ul ul li ul { left: -9999px; } .best-main-navigation div ul li:hover ul { left: -1px; opacity: 1; z-index: 101 !important; float: left; margin: 0px 0; padding: 10px 0; color: black; top: 40px; } /*.ie8 .best-main-navigation div ul li:hover ul { right: 100%; left: auto; }*/ .best-main-navigation div ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul ul ul ul ul li:hover ul{ left: -233px; top: -2px; } .best-main-navigation div ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul ul ul li:hover ul{ left: 229px; top: 2px; } .best-main-navigation div li:hover { border: 1px solid transparent; } .best-main-navigation div .menu-item-has-children:hover, .best-main-navigation div .page_item_has_children:hover { border-bottom-color: transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; border: 1px solid #CCC; background: #fff; } .best-main-navigation div .menu-item-has-children:hover ul li, .best-main-navigation div .page_item_has_children:hover ul li { border-bottom-color: transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; border: 1px solid transparent; padding: auto; } .best-main-navigation div li.menu-item-has-children, .best-main-navigation div li.page_item_has_children { padding-right: 36px; } .best-main-navigation div .menu-item-has-children, .best-main-navigation div .page_item_has_children { background-color: transparent; background: no-repeat url(images/nav_menu_arrow_bottom.png) 84% center; } .best-main-navigation div .sub-menu .menu-item-has-children, .best-main-navigation div .children .page_item_has_children { background-color: transparent; background: no-repeat url(images/nav_menu_arrow_right.png) 92% center; } .best-main-navigation div .current_page_item > a, .best-main-navigation div .current_page_ancestor > a, .best-main-navigation div .current-menu-item > a, .best-main-navigation div .current-menu-ancestor > a { color: #eb5a3d !important; border-bottom: 3px solid #eb5a3d; padding: 0 auto; } /*------------End-Nav-Menu-Hrader----------------*/ /*-------------Search-Header---------------------*/ .search-form { display: block; } .best-search { display: inline-block; } input#s { position: absolute; right: 24px; top: 6px; background-color: transparent; background: no-repeat url(images/search.png) 95% center; border: 3px solid #FFF; cursor: pointer; margin: 8px 0px; padding: 6px 0px 6px 73px; border-left: 1px #e5e5e5 solid; -webkit-transition: width 400ms ease,background 400ms ease; transition: width 400ms ease,background 400ms ease; width: 0; } #s:focus { background-color: #f0f0f0; cursor: text; outline: 0; width: 230px; z-index: 4; padding: 12px; top: 1px; padding-right: 32px; } input.alignright { display: none; } /*------------End-Search-Header---------------*/ .best-contents #s, .page-content #s, .best-witget-right-sidebar #s, .best-witget-footer-sidebar #s { width: 100%; max-width: 230px; background-color: #f0f0f0; cursor: text; outline: 0; z-index: 4; padding: 12px; position: relative; top: 0; border-left: 0; padding-right: 32px; right: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*------------Breadcrambs---------------------*/ .best-breadcrumbs-patch { display: block; float: left; max-width: 1000px; width: 100%; word-wrap: break-word; } .best-span-breadcrambs h3 { letter-spacing: -0.4px; margin: 0 0 1px 0; } .best-span-breadcrambs { font-size: 14px; font-family: 'open_sansregular'; } .best-span-breadcrambs a { color: #ccc; } .best-breadcrumbs-posts { display: block; float: right; margin: 13px 0px; text-transform: uppercase; letter-spacing: -0.5px; font-size: 18px; font-family: 'montserratregular'; color: #aaa; } /*-----------End-Breadcrambs----------------*/ .best-contents .best-post:first-child .best-content p { line-height: 26px !important; } .wp-caption, .mejs-container, .svg, .wp-audio-shortcode, .mejs-audio { position: relative; max-width: 100%; margin: 20px auto; } .best-content a { text-decoration: underline; color: #aaa ; } .best-content a:hover { text-decoration: none; } .best-content-image, .attachment { margin-bottom: 24px; position: relative; margin-top: 16px; } .best-content-image img { display: block; margin: 0 auto 10px; } .wp-post-image, .aligncenter, .size-full, .alignnone, .attachment-654x99999 { border-radius: 5px; z-index: 1; max-width: auto!important; height: auto; } .alignleft { float: left; width: auto!important; margin: 5px 20px 5px 0px; } .alignright { float: right; margin: 5px 0px 5px 20px; width: auto!important; } .aligncenter { margin: 0 auto; width: auto; } .best-content p+div { display: block; max-width: auto; } .page-links { clear: both; font-size: 16px; font-style: italic; font-weight: normal; line-height: 2.2; margin: 20px 0; text-transform: uppercase; } .page-links .page-links-title { background: transparent; border: none; margin-right: 20px; padding: 0; } .format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a { background: #ccc; border: 1px solid #ccc; color: #fff; } .page-links a,.page-links > span { padding: 5px 10px; } .wp-caption-text { background: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,1)); color: #333; font-size: 13px; font-weight: 400; overflow: hidden; padding: 10px 10px; position: absolute; bottom: 5px; left: 0px; text-indent: 10px; text-overflow: ellipsis; width: 100%; white-space: normal; color: #cecdcc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 0px; box-sizing: border-box; behavior: url( js/PIE.htc ); } dd.wp-caption-text.gallery-caption { position: relative; background: #fff; } .best-content-image .wp-caption-text { bottom: 0px; } figcaption.wp-caption-text.gallery-caption { bottom: 8px; width: 97.5%; left: 2px; } .read_more { padding: 20px 0; } .entry_footer { display: inline-block; } .portfolio_content .read_more a, .best-nav-previous a, .best-nav-next a, a.more-link { display: inline; padding: 9px 19px 7px 19px; background-color: #444; border-radius: 5px; text-decoration: none; font-family: 'montserratbold'; font-size: 16px; text-transform: uppercase; color: #fff; } a.comment-reply-link, a.comment-edit-link, .post-edit-link, .best-edit-link { display: inline; text-decoration: none; font-family: 'montserratbold'; font-size: 16px; text-transform: uppercase; color: #444; } .post-edit-link, .best-edit-link { margin: 0 10px; font-size: 14px; } .portfolio_content .read_more:hover a, a.more-link:hover { background-color: #eb5a3d; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #eb5a3d; } .best-nav-previous, .best-nav-next { margin: 20px 0; float: left; padding: 0 0 15px; } .comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before, .comment-body:after { content: ""; display: table; } .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after { clear: both; } .comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] { float: left; padding: 5px 0; max-width: 100%; width: 600px; display: block; } .says { display: none; } .comments-title, .comment-list, .comment-reply-title, .comment-respond .comment-form, .comment-respond iframe { display: block; margin-left: auto; margin-right: auto; max-width: 654px; width: 100%; } .comment-list { list-style-type: none; padding: 0; } .comment-list .children { list-style-type: none; padding: 0 0 0 35px; } .comment-list > li:after, .comment-list .children > :before { border-bottom: 1px solid #ccc; background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { float: right; width: 79%; width: -webkit-calc(100% - 124px); width: calc(100% - 124px); word-wrap: break-word; } .highlander-comment { margin-left: 0 !important; margin-right: 0 !important; } .comment-body { padding: 24px 0; position: relative; } .comment-author { float: left; max-width: 74px; } .comment-metadata { margin-bottom: 20px; } .entry-description { word-wrap: break-word; } .gallery-icon img { margin: 2px !important; } .gallery-item { float: left; position: relative; margin: 0 auto; } .gallery { clear: both; margin: 0 0 20px; overflow: hidden; } .gllr_image_block, .gallery-icon { margin: 5px; } .format-aside h2.best-title, .format-status h2.best-title { display: none; } .format-status .best-content p { color: #f7f; font-size: 24px; font-style: italic; font-weight: 300; padding-bottom: 30px; padding-top: 40px; position: relative; } .format-status .content, .format-status .meta { padding-left: 35px; position: relative; } .best-tags a { text-decoration: none; } .best-tags a:hover { color: #eb5a3d; } /*----------Newer-Post--Ower-Post----------*/ .best-image-nav-prev, .best-image-nav-next, .best-previous-posts-link, .best-next-posts-link { float: left; padding: 0 0 15px; } .best-nav-next a, .best-next-posts-link a, .best-image-nav-next a { background: no-repeat url(images/newer_posts.png) 90% center; } .best-nav-previous a, .best-image-nav-prev a, .best-previous-posts-link a { background: no-repeat url(images/older_posts.png) 10% center; margin-right: 20px; } .best-nav-next a, .best-nav-previous a, .best-image-nav-next a, .best-image-nav-prev a, .best-next-posts-link a, .best-previous-posts-link a { display: inline-block; background-color: #fff; border-radius: 5px; text-decoration: none; font-family: 'montserratregular'; font-size: 15px; text-transform: uppercase; color: #35383b; border: 1px solid #ddd; } .best-nav-next a, .best-image-nav-next a, .best-next-posts-link a { padding: 14px 46px 15px 19px; } .best-nav-previous a, .best-image-nav-prev a, .best-previous-posts-link a { padding: 14px 19px 15px 46px; } .best-nav-next a:hover, .best-nav-previous a:hover, .best-image-nav-next a:hover, .best-image-nav-prev a:hover, .best-next-posts-link a:hover, .best-previous-posts-link a:hover { color: #fff; background-color: #55585b; border: 1px solid #55585b; } /*---------End-Newer-Post--Ower-Post----------*/ .best-title { margin-top: 24px; -ms-word-wrap: break-word; word-wrap: break-word; } .best-title a { text-decoration: none; } .best-p-post-data { font-size: 14px; margin-top: 4px; margin-bottom: -6px; } .best-p-post-data a { text-decoration: none; } .best-post { border-bottom: 1px solid #777; margin-bottom: 42px; padding-bottom: 40px; max-width: 656px; width: 100%; } .best-post:first-child { border-bottom: 1px solid #777; margin-bottom: 59px; padding-bottom: 41px; } .best-footer-sidebar-content .best-witget-right-sidebar { margin: 32px 10px 51px 0px; color: #ddd; } .best-witget-right-sidebar { max-width: 363px; width: 100%; } .best-sidebar a, .best-witget-right-sidebar a { color: #999; } .best-sidebar a:hover, .best-witget-right-sidebar a:hover { color: #eb5a3d; } .recentcomments, .best-sidebar li, .best-witget-right-sidebar li{ list-style-type: none; letter-spacing: -0.6px; list-style: none; font-family: 'open_sansregular'; font-size: 15px; } .best-sidebar ul, .best-witget-right-sidebar ul { padding: 4px 0 0px 10px; } .widgettitle, .best-widget-title { font-size: 18px; box-sizing: border-box; word-wrap: break-word; display: inline-block; } .best-clear { clear: both; } /*--------------Footer-Sidebar------------------------*/ .best-footer-sidebar-content .best-witget-right-sidebar, .best-witget-footer-sidebar { color: #ddd; float: left; width: 23%; padding: 30px 1% 15px; } .best-witget-footer-sidebar a { color: #fff; text-decoration: underline; } .best-witget-footer-sidebar a:hover { text-decoration: none; } .best-witget-footer-sidebar li { color: #999; padding: 0px; list-style: none; letter-spacing: -0.6px; } .best-witget-footer-sidebar ul { padding: 3px 0 0 0px; } .textwidget { color: #999; margin: 18px 28px 0px 0; font-size: 15px; line-height: 23px; letter-spacing: -0.4px; } /*--------------Footer-Sidebar------------------------*/ .best-footer-logo-content-home { float: left; margin: 26px 0 22px 0; } .best-footer-logo-content-home a { font-size: 24px; font-family: 'montserratbold'; text-transform: uppercase; } .best-footer-logo-content-by { margin: 15px 0 9px 0; float: right; color: #999; } .best-footer-logo-content-by p { font-size: 14px; } .best-footer-logo-content-by a { font-size: 14px; color: #fff; text-decoration: underline; } .best-footer-logo-content-by a:hover { text-decoration: none; } .best-witget-footer-sidebar img, .best-witget-right-sidebar img { max-width: 100%; } .best-witget-footer-sidebar table, .best-witget-footer-sidebar tr, .best-witget-footer-sidebar td, .best-witget-footer-sidebar tr th { background: #35383b; color: #999; } /*-----------Select-----------*/ select { background-color: #fff; max-width: 243px; width: 100%; height: 43px; margin: 4px 0px 23px; border-radius: 4px; border: 1px solid #ccc; background: #ededed; padding: 5px; } .best-select { background: #fcfcfc; position: relative; max-width: 243px; width: 100%; border-radius: 4px; /*z-index: 1 !important;*/ cursor: pointer; margin: 4px 20px 24px 0px; } .best-active-opt { height: 43px; border: 1px solid #ccc; border-radius: 5px 5px 0 0; color: #555 } .best-active-opt > div:first-child { float: left; padding: 8px 26px 11px 10px; overflow: hidden; max-width: 220px; height: 36px; } .best-select-button { background: no-repeat url(images/arrow_bottom.png) 50% 50%; width: 32px; height: 44px; right: 0; position: absolute; } .best-options { position: absolute; background-color: #fff; max-width: 243px; width: 100%; display: none; border: 1px solid #ddd; top: 42px; left: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .best-options .best-optgroup:first-child { padding: 9px 5px 14px 10px; } .best-optgroup { padding:5px 5px 5px 10px; color: #aaa; } .best-option { padding: 10px 5px 11px 30px; cursor: pointer; color: #555; } .best-options .best-option:last-child { padding: 11px 5px 12px 30px; } .best-option:hover, .best-option-selected { color: #55585b; background-color: #ededed;; } /*-----------End-Select-----------*/ /*-----------Radio-----------*/ .best-radio input[type="radio"] { position: absolute; display: none; } .best-radio { display: inline-block; height: 26px; width: 27px; padding: 0px 100px 0px 0; margin: 19px -92px 1px -3px; cursor: pointer; background: url(images/radio_button.png) no-repeat; position: relative; top: -6px; vertical-align: -15px; } .best-radio.best-active { background-position: 0px -44px; } .best-radio.best-hover { background-position: 0px -88px; } /*-----------End-Radio-----------*/ /*-----------Checkbox-----------*/ .best-check input[type="checkbox"] { position: absolute; display: none; } .best-check { display: inline-block; background: url(images/checkbox.png) 0 0 no-repeat; padding: 0px 100px 0 0; margin: 11px -65px 7px 0px; width: 26px; height: 27px; cursor: pointer; position: relative; top: 1px; vertical-align: -13px; } .best-check.best-active { background-position: 0px -44px; } .best-check.best-hover { background-position: 0px -88px; } /*-----------End-Checkbox-----------*/ /*-----------Input-File-----------*/ .best-custom-file input[type="file"] { opacity: 0; clear: both; } .best-custom-file { max-width: 445px; width: 100%; height: 43px; margin: 5px 0px 19px 0px; border-radius: 5px; cursor: pointer; background: #fcfcfc; } .best-custom-file-content { height: 100%; max-width: 240px; width: 100%; border-radius: 5px; border: 1px solid #cecece; overflow: hidden; float: left; } .best-custom-file-text { height: 31px; float: left; padding: 9px 0 4px 10px; max-width: 179px; width: 100%; border-radius: 5px 0 0 5px; } .best-custom-file-button { width: 43px; height: 100%; float: right; background: #fcfcfc url(images/arrow_right.png) 50% 54% no-repeat; } .best-custom-file-status { float:left; max-width: 178px; width: 100%; height: 13px; padding: 10px 0 18px 20px; } /*-----------End-Input-File-----------*/ input[type="reset"], input[type="button"], input[type="submit"] { cursor: pointer; margin-top: 12px; margin-right: 8px; border: none; border-radius: 6px; padding: 12px 43px 14px 43px; background: #444444; color: #fff; text-align: center; font-family: 'montserratbold'; font-size: 16px; text-transform: uppercase; } input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #eb5a3d; } caption { margin-bottom: 14px; } /*-------------Calendar---------------------*/ .comment-body table, #wp-calendar, #wp-calendar thead tr th, #wp-calendar tfoot tr td, #wp-calendar tbody tr td { padding: 0px; margin: 0px; text-align: center; } #wp-calendar { max-width: 250px; } /*------------End-Calendar----------------*/ #wrapper { display: block; padding: 0; margin: 0; border: 0; } #best_header { display: block; width: 100%; background-color: #fff; } .best-head{ display: block; width: 100%; max-width: 1188px; padding: 16px 24px 18px; margin: 0 auto; position: relative; z-index: 2; } .best-breadcrumbs { display: block; width: 100%; background-color: #f0f0f0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; position: relative; z-index: 1; } .best-breadcrumbs-content { display: block; width: 100%; max-width: 1188px; padding: 44px 24px 48px; margin: 0 auto; position: relative; } #home { display: block; width: 100%; max-width: 1188px; padding: 0px; margin: 0 auto; position: relative; } .best-contents { display: block; float: left; padding: 12px 60px 97px 24px; width: 100%; max-width: 740px; background-color: #fff; border-right: #ccc 1px solid; margin: 23px 0px 60px 0; } .ie .best-contents, .ie8 .best-contents { padding: 0; } .ie .best-sidebar, .ie8 .best-sidebar { max-width: 340px; } .best-sidebar { display: block; float: left; width: 100%; max-width: 447px; background-color: #fff; padding: 0px 24px 0px 60px; margin: 23px 0 60px -1px; border-left: 1px solid #ccc; } #best_footer { display: block; width: 100%; } #best_footer_sidebar { display: block; background-color: #35383b; width: 100%; } .best-footer-sidebar-content { display: block; width: 100%; max-width: 1188px; padding: 0 24px; margin: 0 auto; position: relative; } .best-footer-logo { background-color: #2a2d2f; width: 100%; } .best-footer-logo-content { color: #404244; width: 100%; max-width: 1188px; padding: 0 24px; margin: 0 auto; position: relative; } .sticky {} .bypostauthor {} .fcbk_like { top: -5px; } .twttr_button, .fcbk_share, .gglplsn_share, .pdfprnt-top-left, .pdfprnt-bottom-left, .pdfprnt-left { display: inline-block !important; margin: 0 auto; vertical-align: top; margin-right: 10px; padding: 0; } .pdfprnt-top-right, .pdfprnt-bottom-right, .pdfprnt-right { float: right; padding: 0px; } .content-area { display: block; float: left; padding: 12px 60px 97px 24px; width: 100%; max-width: 656px; background-color: #fff; border-right: #ccc 1px solid; margin: 23px 0px 60px 0; } .breadcrumbs.home_page_title.entry-header { font-size: 24px; margin-top: 24px; font-family: 'montserratregular'; } .portfolio_content, .page-template-portfolio-php .portfolio_content.entry-content, .single-portfolio .portfolio_content.entry-content { border-bottom: 1px solid #777; margin-bottom: 59px; padding-bottom: 41px; } .portfolio_content:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .portfolio_content:first-child { border-top:1px solid #777; margin-top: 59px; padding-top: 41px; } .portfolio_thumb img, .portfolio_images_gallery img { padding: 0; border: none; } #container .breadcrumbs { border-bottom: 1px solid #777; } .portfolio_terms { border-bottom: none; top: -12px; } .portfolio_short_content { max-width: 100%; } #content .gallery_box_single .gallery .gllr_image_block p { border: none; } .gllr_image_block img { border-style: none; } #content .gallery .gllr_image_block a img { border: none; } .home_page_title, .item_title a { font-size: 24px !important; font-family: 'montserratregular'; -ms-word-wrap: break-word; word-wrap: break-word; text-decoration: none; color: rgb(68,68,68); } .item_title a:hover { color: #eb5a3d; } .jbbrd_frontend_table_sendmail tr, .jbbrd_frontend_table_sendmail td { background: none; } #jbbrd_frontend_form .jbbrd_frontend_table_div, #jbbrd_registration_form .jbbrd_frontend_table_div { float: none; } input.dnt_paypal_button { margin: 14px 0; } /*----------------@Media--------------------*/ @media screen and (max-width: 1236px) { #wrapper { width: auto; padding: 0px auto; } .best-head, fieldset , #best_footer_sidebar { width: auto; margin: 0 auto; padding: 0 auto; } .best-main-navigation div ul ul li:hover ul, .best-main-navigation div ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul ul ul ul ul li:hover ul { left: -233px; top: -2px; } .best-main-navigation div ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul ul li:hover ul, .best-main-navigation div ul ul ul ul ul ul ul ul ul li:hover ul { left: 229px; top: 2px; } .best-breadcrumbs-patch { max-width: 85%; } .best-breadcrumbs-posts { max-width: 15%; } .best-breadcrumbs, .best-breadcrumbs-content { width: auto; padding: 0px auto; } .content-area, .best-contents{ max-width: 70%; padding: 2% auto; margin: 0 auto; } #home { width: auto; } textarea { max-width: 90%; } .best-sidebar { max-width: 30%; margin: 0 0 0 -1px; padding: 0 2%; } .best-witget-right-sidebar { margin: 30px 10px; } .footer, .best-footer-sidebar-content { width: auto; padding: 0px auto; } .best-footer-logo-content { width: auto; } } @media screen and (max-width: 830px) { .best-custom-file-status { max-width: 100%; padding: 10px 0 18px 12px; } form { width: 100%; margin: 0 auto; padding: 0 auto; } input[type="text"] { margin: 0 auto; padding: 0 auto; } } @media screen and (max-width: 820px) { .best-logo { float: none; } h1.best-menu-toggle { font-size: 19px; margin: 10px 0 10px 0; display: block; } .best-nav { position: static; margin: -1px auto; padding: 0 auto; float: none; display: block; } .best-main-small-navigation { bottom: 0; margin: 0; position: relative; right: 0; border-top: 1px solid #ccc; left: 0px; list-style: none; list-style-type: none; background: #fff; } h1.best-menu-toggle { font-size: 19px; margin: 10px 0 10px 0; display: block; } .best-main-small-navigation div { border-top: 1px solid #ccc; margin: 0; padding: 16px 0 0 0; } .best-main-small-navigation div li { margin: 0; padding: 0; list-style: none; list-style-type: none; } } @media screen and (max-width: 768px) { #best_header { width: auto; } .best-logo { float: none; } .best-search { position: absolute; right: 5px; top: 5px; } .best-logo { padding: 0 auto; } .best-logo p { margin: 0 auto; } .best-head, .menu-menu-header { margin: 0 auto; padding: 0 auto; } .best-custom-file-status { width: auto; } .best-breadcrumbs-patch { position: static; } .best-breadcrumbs-posts { position: static; } .content-area, .best-contents { max-width: 100%; float: none; border-right: none; margin: 30px auto; padding: 0px auto; } .best-nav-previous, .best-nav-next { padding: 0; } .best-sidebar { float: none; max-width: 740px; width: 100%; border-left: none; margin: 64px auto; padding: 0; } .best-footer-sidebar-content .best-witget-right-sidebar, .best-witget-right-sidebar, .best-witget-footer-sidebar, .menu-menu-footer { width: 47%; margin: 0 auto; padding: 0px 1.5% !important; float: left; } .best-witget-right-sidebar, .best-witget-footer-sidebar { padding-bottom: 18px !important; margin-bottom: 10px !important; } .best-footer-sidebar-content { padding: 20px !important; } } @media screen and (max-width: 640px) { .best-custom-file-status { width: 100%; } .best-footer-logo-content-home, .best-footer-logo-content-by, .menu-menu-footer, .best-witget-footer-sidebar ul { float: none; } .best-footer-logo-content-home { margin-top: 0px; padding-top: 20px; } .best-footer-logo-content-by { margin-bottom: 0px; padding-bottom: 20px; } } @media screen and (max-width: 480px) { html { -webkit-text-size-adjust: none; } .best-breadcrumbs-posts { position: static; margin: 8% auto; } .best-contents { margin: 0 auto; padding: 30px auto; } .best-link { display: inline; } .best-image-nav-next, .best-image-nav-prev { margin: 18px 0; } .best-footer-sidebar-content .best-witget-right-sidebar, .best-witget-right-sidebar, .best-witget-footer-sidebar { border-bottom: 1px dashed #CCC !important; max-width: 480px; width: 100%; } .sub-menu { width: auto; } .best-witget-footer-sidebar:nth-last-child(2) { border-bottom: none !important; } input[type="text"] { width: 90%; } #wp-calendar, .best-select, .best-options, .best-active-opt, .best-custom-file-text { margin: 0 auto; } .comment-author .avatar { display: inline; margin: 0 5px 0 0; max-width: 20px; } .comment-author { margin: 0 0 5px; max-width: 100%; } .comment-metadata, .comment-content, .comment-list .reply { width: 100%; } .comment-list .children { list-style-type: none; padding: 0px; } td { padding: 0px; text-align: center; } } /*-----------------End-@Media-------------------*/