/* Page full width css */ .fs-sidebar__right .container, .fs-sidebar__left .container { width: 100%; } .comments-area { width: 100%; display: inline-block; padding: 15px 0; margin-top: 0; border-top: 1px solid; } .comment-reply-title, .comments-area .comments-title { font-weight: 600; font-size: 24px; margin-bottom: 5px; } .comment-reply-title, .comment-form, .logged-in-as, .comment-form-comment, .comment-form-comment > label, .comment-form-comment > textarea, .comment-form .form-submit, .comment-respond, .comments-title, .comment-list, .comment-list .comment, .comment-body, .comment-body .comment-meta, .comment-body .comment-content, .comment-body .reply, .comment > ol.children { width: 100%; float: left; list-style: none; } .comment-list > .comment { padding: 15px; border-radius: 4px; margin-bottom: 30px; -webkit-box-shadow: 5px 5px 5px #efefef; box-shadow: 5px 5px 5px #efefef; } .children .comment > .comment-body { border: 1px solid; padding: 15px; border-radius: 4px; } .comment-author .says, .comment-metadata .edit-link { display: none; } .comment-metadata > a { font-size: 12px; } .comment-body { margin-bottom: 15px !important; } .comment > ol.children { padding-left: 60px; } .comment-meta, .comment-content { margin-bottom: 10px; } .comment-author .fn { text-transform: capitalize; } .comments-area .comments-title { padding-bottom: 25px; margin-bottom: 25px; position: relative; } .comment-author > .avatar { width: 45px; height: 45px; float: left; object-fit: cover; border-radius: 50%; margin-right: 15px; } .comments-area .comments-title::before { bottom: 0px; } .logged-in-as { margin-bottom: 15px; } .logged-in-as > a:last-child { font-weight: 600; } .comment-form-comment > label { text-transform: uppercase; letter-spacing: 0.5px; } .comment-form-comment > textarea, .comment-form-comment > input[type="text"], .fs-comment .comment-form #comment, #author, .comment-form-email #email, #url { border-radius: 4px; padding: 10px 15px; -webkit-box-shadow: 5px 5px 5px 0px #efefef; box-shadow: 5px 5px 5px 0px #efefef; } .comment-form-cookies-consent>label { margin-left: 5px; } .comment-form-comment > textarea:focus, .comment-form-comment > input[type="text"]:focus { outline: none; border-color: #15487b; } .comment-form .form-submit { margin: 25px 0; } .comment-form-comment { margin-bottom: 15px; } .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-cookies-consent { margin-top: 15px; } .fs-comment .comment-form #comment, #author, .comment-form-email #email, #url { display: block; width: 100%; padding: 7px 12px; border-radius: 4px; border: 1px solid; } .comment-list > .comment { background-color: #f9f9f9; } .comment-form div.error { color: red; } .form-submit .submit { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 0px; min-width: 170px; font-size: 14px; line-height: 37px; border-radius: 4px; -webkit-box-shadow: 3px 3px 3px 0px #cecece; box-shadow: 3px 3px 3px 0px #cecece; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .comment-list > .comment { background-color: #f9f9f9; } .children .comment > .comment-body, .comment-form-comment > textarea, .comment-form-comment > input[type="text"], .fs-comment .comment-form #comment, #author, .comment-form-email #email, #url, .comment-form-comment > textarea:focus, .comment-form-comment > input[type="text"]:focus { border-color: #e5e5e5; } .fs-sidebar .widgettitle, .fs-sidebar .comments-title { position: relative; margin-bottom: 35px; padding-bottom: 10px; } .fs-sidebar .widget li:first-child { padding-top: 0 !important; } .fs-sidebar .widgettitle:before, .comments-title:before { width: 40px; border-bottom-width: 3px; border-bottom-style: solid; content: ""; position: absolute; bottom: -10px; } .fs-sidebar .widget li { position: relative; border-bottom: 1px dashed #c3c3c3; padding: 15px 0; display: block; } .widget.widget_recent_entries ul li:before { content: ""; display: none; } .fs-sidebar li, .widget ul li { display: block; } .fs-sidebar .widget.widget_categories li a { display: inline-block; } .fs-sidebar .widget li:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 600; padding-right: 8px; font-size: 15px; float: left; } .fs-sidebar .widget, .fs-sidebar .wp_widget_plugin_box { margin-top: 20px; } .fs-sidebar .widget:first-child { margin-top: 0; } .fs-sidebar .widget li:last-child { border-bottom: none; } .fs-sidebar .widget.widget_recent_posts_widget_with_thumbnails li:before { content: none; } .fs-sidebar .widget li a { display: table; } .fs-sidebar .widget h2, .fs-sidebar .widget_rss .widgettitle .rsswidget { font-size: 18px; } /* Search Form */ .widget_search .searchform { margin-top: 30px; } .widget_search .screen-reader-text, .searchform .fs-title { display: none; } .searchform button i { display: none; } .searchform button { height: 40px; } .searchform input[type=text] { width: calc(100% - 83px); height: 40px; float: left; border: 1px solid #ececec; padding: 15px; margin-right: -6px; border-radius: 0; } .searchform input[type=submit] { height: 40px; border: none; padding: 0px 10px; border-radius: 0; background-color: #000; color: #fff; } /* About Widget */ .aboutus_widget img { padding-top: 15px; padding-bottom: 15px; } .widget-text.aboutus_plugin_box p { margin-bottom: 0; } .fs-about-widget-pic { margin: 10px 0; } .widget_aboutus_widget .fs-footer-social>li span i { margin-right: 10px; } .fs-sidebar .widget.widget_aboutus_widget li:before { content: none; } .fs-phone i.fas.fa-phone { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .about-details { padding-left: 5px; } .fs-letest-post-detail li { line-height: inherit; padding: inherit !important; margin-bottom: 15px; } .widget .fs-letest-post-detail li { border-bottom: none; } .fs-letest-post-detail li:last-child { margin-bottom: 0; } .fs-letest-post { display: flex; } .fs-post-date i { padding-right: 10px; } /* Recent Post*/ .recent-post-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; overflow: hidden; } .recent-post-thumb img, footer .gallery-icon img, .fs-sidebar .gallery-icon img { height: 75px; width: 75px; object-fit: cover; } .widget_recent_posts_widget_with_thumbnails .fs-post-date { position: relative; background-color: transparent; padding: 0; border-radius: 0; } .recent-post-widget-title { margin-bottom: 8px; } .recent-post-widget-date-with-icon { line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .recent-post-widget-date-with-icon i { padding-right: 5px; } .blog-post-media>img { object-fit: cover; width: 100%; } /* Calendar */ .calendar_wrap #wp-calendar { width: 100%; } .calendar_wrap caption { font-weight: 700; padding-top: 0px; } .widget.widget_calendar table { border-collapse: separate; border-spacing: 2px; } .widget_calendar table thead tr th { font-size: 11px; padding: 10px; text-align: center; border: none; color: #333; } .widget_calendar table tbody td { font-size: 13px; padding: 6px 5px; text-align: center; border: none; color: #333; } .widget_calendar table thead tr th, .tagcloud .tag-cloud-link { background-color: #f3f3f3; } .calendar_wrap tfoot { display: none; } .fs-instagram-widget ul li { display: inline-block !important; margin: 3px 3px; border-bottom: 0px !important; padding: 0px !important; } .recent-post-thumb img, .fs-sidebar .gallery-icon img, footer.gallery-icon img, .fs-instagram-widget ul li img { height: 65px; width: 65px; object-fit: cover; -webkit-border-radius: 3px; border-radius: 3px; } .PIN_1573553134357_embed_grid { width: 237px !important; } .widget_media_gallery .gallery.gallery-size-thumbnail { display: -webkit-box; display: -ms-flexbox; display: flex; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .widget_media_gallery .gallery-item { width: 70px; display: inline-block; margin-bottom: 5px; } .widget_media_gallery .gallery-caption { display: none; } footer .gallery figure.gallery-item, footer .gallery figure.gallery-item *, .fs-sidebar .gallery figure.gallery-item, .fs-sidebar .gallery figure.gallery-item * { width: 100%; height: auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } footer .gallery figure.gallery-item, .fs-sidebar .gallery figure.gallery-item { display: inline-block; padding: 4px 4px; } .gallery.gallery-columns-2 figure.gallery-item { width: 50%; } .gallery.gallery-columns-3 figure.gallery-item { width: 33.3333%; } .gallery.gallery-columns-4 figure.gallery-item { width: 25%; } .gallery.gallery-columns-5 figure.gallery-item { width: 20%; } .gallery.gallery-columns-6 figure.gallery-item { width: 16.66667%; } .gallery.gallery-columns-7 figure.gallery-item { width: 14.285%; } .gallery.gallery-columns-8 figure.gallery-item { width: 12.50%; } .gallery.gallery-columns-9 figure.gallery-item { width: 11.111%; } .gallery-icon { padding: 0; border: none; border-radius: 0; } .widget_gallery_custom ul li { display: inline-block !important; border-bottom: none !important; margin: 3px 3px; padding: 0 !important; } .widget_gallery_custom ul li img { width: 65px; height: 65px; object-fit: cover; } .widget_gallery_custom.widget li:before { content: none; } /* Tag */ .tag .page-content>form { padding-top: 15px; } .tag .page-content .screen-reader-text, .no-results .page-content .screen-reader-text { display: none; } .tagcloud .tag-cloud-link { padding: 5px 8px; margin-right: 2px; position: relative; display: inline-block; margin-bottom: 5px; border-radius: 2px; font-size: 13px !important; color: #333; } .tag.tag-posttag .no-results.not-found { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .widget_archive [name="archive-dropdown"], .widget.widget_categories [name="cat"] { padding: 8px 16px; border: 1px solid #cccccc; background-color: #f3f3f3; outline: transparent; -webkit-border-radius: 2px; border-radius: 2px; width: 100%; color: #333; } .widget_archive .screen-reader-text, .widget.widget_categories .screen-reader-text { display: none; } .widget_archive [name="archive-dropdown"] option, .widget.widget_categories [name="cat"] option { color: #333; } /* Mailchimp */ .widget_mc4wp_form_widget .input-group { text-align: center; } .widget_mc4wp_form_widget .theme-button { margin-top: 10px; min-width: 130px; line-height: 40px; } .widget_mc4wp_form_widget .input-group .form-control, .widget_mc4wp_form_widget .input-group-btn { display: table; } .fs-sidebar .widget_mc4wp_form_widget .input-group-btn { margin-bottom: 15px; } .fs-sidebar .widget .form-control { border-color: #e5e5e5; color: #333; } /* Rss */ .widget_rss .rss-date { display: block; } .rss-widget-icon { display: none; } /* Widget Social Icon */ .footer-social li:last-child { padding-right: 0; } .footer-social li { display: inline-block; padding-right: 20px; } .fs-sidebar .widget.widget_recent_posts_widget_with_thumbnails li:before, .fs-sidebar .widget.widget_about_us_widget li:before { content: none; } /* Social Icon */ .fs-sidebar .footer-social li { padding-right: 16px; } .fs-sidebar .footer-social > li > a, .fs-sidebar .footer-social > li > a > i { font-size: 14px; } .fs-sidebar .footer-social > li > a > i { width: 35px; height: 35px; background-color: #00b0ff; text-align: center; line-height: 35px; border-radius: 50%; color: #fff; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .fs-sidebar .footer-social.p-t15.p-b15 { margin-top: 20px; padding: 0; } .fs-sidebar ul { padding-left: 0; } footer .widget { padding-bottom: 15px; } footer .footer-social { padding-top: 0; } .search-bx { max-width: 700px; margin: 0 auto; } .fs-search .fs-title { font-size: 30px; } .fs-search .searchform .fs-title, .fs-search .input-group { display: block; text-align: center; } .fs-search .searchform input[type=text] { border-radius: 0; width: 100%; margin-bottom: 30px; } .fs-search .input-group-btn { text-align: center; padding-top: 30px; } .fs-search .searchform button { height: 100%; cursor: pointer; } .fs-single-post-title { font-size: 30px; margin-bottom: 20px; -ms-word-wrap: break-word; word-wrap: break-word; } .fs-single-blog-media { position: relative; padding-bottom: 25px; padding-top: 60%; } .fs-single-blog-media.fs-img-effect img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; max-width: inherit; transform: translate(-50%, -50%); } .fs-single-post-date { position: absolute; padding: 4px 20px; border-radius: 4px 0 4px 0; font-size: 12px; top: -1px; left: -1px; } .fs-author { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; } .fs-attchment-title h3 { font-size: 30px; } .attachment-media { float: left; padding-right: 35px; padding-bottom: 20px; } .fs-attachment-title { font-size: 20px; } .fs-page-404 h1 { font-size: 150px; } .fs-page-404 h2 { font-size: 35px; } .fs-page-404 p { font-size: 18px; margin-top: 25px; margin-bottom: 25px; } .fs-banner-inner { min-height: 230px; background-position: top center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; position: relative; } .fs-banner-content { position: absolute; top: 50%; } .fs-banner-content h1 { margin-bottom: 10px; font-weight: 600; font-size: 30px; } .fs-breadcrumb li { display: inline-block; } .woocommerce .woocommerce-breadcrumb { margin-bottom: 0; } ul.fs-breadcrumb, .breadcrumb, .woocommerce .woocommerce-breadcrumb { font-size: 14px; } .fs-breadcrumb li i, .breadcrumb i, .woocommerce .woocommerce-breadcrumb i { font-size: 14px; margin: 0px 5px; } .fs-banner-content h1 { font-size: 35px; font-weight: 600; ms-word-wrap: break-word; word-wrap: break-word; max-width: 1300px; } .breadcrumb { background-color: initial; color: #fff; } .fs-breadcrumb>li { display: inline-block; } .breadcrumb { padding: 0; margin-bottom: 0; } .remove_header { width: 100%; height: 155px; float: left; } .body_boxed_size .container { width: 100%; } .fs-page .container-fluid { padding-left: 0; padding-right: 0; } .pagination .page-numbers { position: relative; display: block; padding: .5rem .90rem; margin-left: -1px; line-height: 1.25; border: 1px solid #dee2e6; font-size: 16px; font-weight: 600; } @media only screen and (max-width:767px) { .fs-post-inner .col-xs-12 { width: 50%; } } @media only screen and (max-width:480px) { .fs-post-inner .col-xs-12 { width: 100%; } } .fs-search .fs-search-block .col-md-6 { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; }