/*! Theme Name: BC Business Consulting Theme URI: https://athemeart.com/downloads/bc-business-consulting/ Author: athemeart Author URI: https://athemeart.com/ Description: BC Business Consulting Multipurpose One page WordPress Theme BC Business Consulting is a clean, super flexible and fully responsive Multipurpose One page WordPress Theme for any project, business, agency , personal or web studio. Its equipped with the latest technologies and designed with user in mind to ensure endless freedom to create and customize your site like a pro and without any coding. This versatile, multi-purpose theme is perfect for beginners, while also feature rich and extendable for developers, freelancers and growing businesses. We built this theme on Visual Composer, a very convenient drag-n-drop PageBuilder for WordPress. It should provide you with the smoothest experience while creating your website with our theme. The colorful widgets will help anyone to customize according to their branding colors. This theme is very well commented and also have proper help documentation too. Version: 1.1.1 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: bc-business-consulting Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, translation-ready, flexible-header, custom-background, footer-widgets, blog, e-commerce */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Common # Header -Top Header -Header Contact Info -Middle Header # Footer -Common Widget -Contact Widget -Instagram Widget -Footer Bottom # Responsive # Page Breadbrumb # Sidebar # Blog # BlogPost # Post Comment # Comment Form # Widget Area # Pagination # 404 Page # Captions # Galleries # Color --------------------------------------------------------------*/ /*========================================================== ********************** Common ******************** ===========================================================*/ body{ font-family:'Roboto', sans-serif; color: #000; overflow-x: hidden; font-size: 14px; font-style: normal; font-weight: 300; line-height: 28px; } h1, h2, h3, h4, h5, h6{ font-family: 'Roboto Condensed', sans-serif; } body img{ max-width:100%; height:auto; } a{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } table{ width:100%; border-left:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); } table th, table td{ padding:5px; border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); text-align:center; } /* ## Header */ #slidepanel { display: block; } #closeit, #toggle, #slideit { display: none; } /*========================================================== ********************** Header ******************** ===========================================================*/ .section-header { display: inline-block; } .section-header h3{ text-transform: capitalize; color: #222; margin: 0; font-weight: 400; position: relative; display: inline-block; padding-bottom: 26px; } .section-header h3::before{ position: absolute; content: ""; bottom: 0; left: 0; display: inline-block; background: url("./images/section-border.png"); background-repeat: no-repeat; width: 136px; height: 9px; } /* -- Top Header */ .top-header { background-color: #f9f9f9; line-height: 50px; } .top-header ul{ margin:0px ; padding:0px; } .top-header ul li{ list-style:none; display:inline-block; margin:0px 4px; position:relative; } .top-header a, .top-header span { color: #999; font-size: 13px; letter-spacing: 0.52px; line-height: 26px; text-transform: capitalize; } .top-header ul ul{ position:absolute; line-height:25px; background-color: #f9f9f9; display:none; z-index:9999; } .top-header li:hover ul{ display:block; } .top-header li li{ padding-bottom:5px; } /* -- Header Contact Info */ .header-contact-info { float: right; } .header-contact-info a { margin-left: 6px; margin-right: 10px; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-contact-info a:hover { color: #000; } .header-contact-info .dropdown { display: inline-block; } .header-contact-info .dropdown-menu{ border-radius: 0; border: none; margin: 0; padding: 0; left: auto; right: 0; } .header-contact-info .dropdown-menu > li > a { color: #999; padding: 3px 15px; margin: 0; line-height: 26px; } .header-contact-info .dropdown-menu > li > a:hover { color: #222; } .header-contact-info .btn { background-color: transparent; border-radius: 0; box-shadow: none; padding-left: 15px; padding-right: 0; } .header-contact-info .btn:active, .header-contact-info .btn:focus{ outline: none; } /* -- Middle Header */ .middle-header{ display:block; padding:0px 0px; } .middle-header .logo-block { float: center; max-width: 100%; margin: 20px 0px; } .header-info { float: left; margin: 0px 0px; } .header-info ul { display: inline-block; margin-top: 8px; padding-left: 0; } .header-info ul li { border-right: 1px solid #efefef; display: block; padding: 0 28px; } .header-info ul li:last-child{ border:none; } .header-info h3 { color: #333; display: block; font-weight: 400; margin: 0; text-transform: capitalize; word-wrap: break-word; } .header-info span { color: #823030; word-wrap: break-word; } .header-social{ float: right; } .header-social ul { padding-left:0; display: inline-block; margin-bottom: 0; position: relative; } .header-social ul li{ display: inline-block; } .header-social ul li a { color: #fff; font-size: 18px; padding:0px 13px; display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration:none; line-height:65px; } .menu-block { position: absolute; top: 0px; left: 0; right: 0; z-index: 11; background:rgba(0,0,0,0.5); } .sticky-wrapper.is-sticky .menu-block { background:#303031; } .menu-block .container span.home-icon { color: #fff; float: left; font-size: 32px; margin-top: 0; padding-right: 25px; position: relative; top: 15px; display:none; } .menu-block .container > span a{ color:#FFF; } .menu-block .container > span::after { background-color: rgba(255, 255, 255, 0.3); content: ""; height: 25px; position: absolute; right: 0; top: 9px; width: 1px; } .menu-block::after { position: absolute; content: ""; left: 0; right: 0; background: rgba(255,255,255,0.2); height: 1px; width: 100%; } .menu_block_two.menu-block::after { width: 0; } /*========================================================== ********************** Footer ******************** ===========================================================*/ /* -- Footer Main */ .footer-main { background-color: #333; } .footer-main .container .row { padding-bottom: 75px; padding-top: 90px; } .footer-bottom .container .row { padding-bottom: 0px; padding-top: 0px; } .footer-main .ftr-widget { margin-bottom: 20px; } .footer-main .ftr-widget .widget-title { color: #fff; letter-spacing: 0.9px; margin-bottom: 30px; margin-top: 0; padding-bottom: 9px; position: relative; text-transform: uppercase; } .footer-main .ftr-widget .widget-title::before { content: ""; width: 30px; height: 1px; left: 0; bottom: 0; display: inline-block; position: absolute; } .ftr-widget p, .ftr-widget table{ font-weight: 300; color: #999; letter-spacing: 0.42px; } /* -- Common Widget */ .footer-main.footer2 .about-widget { padding-right: 5px; } .ftr-widget{ color: #999; } .ftr-widget a { text-decoration: none; position: relative; } .ftr-widget a:hover { text-decoration:underline; } /* -- Link Widget */ .footer-main.footer2 .link-widget { padding-left: 60px; } .link-widget.ftr-widget h3{ margin-bottom: 20px; } .link-widget ul{ padding-left: 0; } .link-widget ul li { display: inline-block; width: 100%; border-bottom: 1px solid rgba(240,240,240,0.1); } .link-widget ul li a { line-height: 44px; font-size: 14px; letter-spacing: 0.14px; color: #999; text-decoration: none; padding-left: 15px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .custom_header{ display: none; } .link-widget ul li a::before { position: absolute; content: ""; left: 0; top: 5px; height: 6px; width: 6px; } .link-widget ul li:last-of-type { border-bottom: none; } .link-widget ul li a:hover { margin-left: 10px; text-decoration:none; } /* -- Contact Widget */ .contact-widget.ftr-widget p { position: relative; padding-left: 40px; margin-bottom: 18px; color: #999; font-size: 14px; line-height: 24px; } .contact-widget p:first-of-type{ margin-top: -3px; } .contact-widget p:first-of-type span { top: 5px; } .contact-widget p a { color: #999; text-decoration: none; } /* -- Instagram Widget */ .instagram-widget.ftr-widget{ padding: 0; } .instagram-widget ul { padding-left: 00; } .instagram-widget ul li{ display: inline-block; margin-right: 2px; margin-bottom: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .instagram-widget ul li:hover{ opacity: 0.5; } /* -- Footer Bottom */ .footer-bottom { line-height: 60px; position: relative; display: inline-block; width: 100%; } .footer-bottom::before { position: absolute; content: ""; background-color: #333; left: 30%; bottom: 25px; height: 100%; } .footer-bottom .container { position: relative; } .footer-bottom .container::before{ position: absolute; left: -32%; top: 0; height: 35px; width: 348px; background-color: #333; transform: skewX(-40deg); } .footer-bottom .pull-left{ font-weight: 500; font-size: 14px; color: #333; } .footer-bottom ul{ float: right; margin-bottom: 0; padding:0px; } .footer-bottom li{ display:inline-block; list-style:none; } .footer-bottom a{ color: #333; text-decoration: none; line-height: 26px; font-weight: 500; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } .footer-bottom a:hover{ color: #fff; } .footer-bottom a:last-of-type{ padding-right: 0; border: none; } /* ========================================================================== */ /* ========================================================================== */ /* [ Responsive ] */ /* ========================================================================== */ /* ========================================================================== */ /* -- min-width: 1200 */ @media (min-width: 1200px) { .container { width: 100%; } } /* -- min-width: 992 */ @media (min-width: 992px) { .desktop-hide { display: none; } /* -- Footer Main */ .footer-main .col-md-3:nth-child(4n+1) { clear: both; } .home-icon{ } } /* -- min-width: 1200 to max-width: 1365 */ @media only screen and (min-width: 1200px) and (max-width: 1365px) { /* -- min-width: 1200 to max-width: 1365 */ .footer-bottom .container::before{ height: 15px; left: -20%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* -- Top Header */ .header-info ul{ margin-top: 0; } .header-info ul li{ padding: 0 15px; } .header-info a { padding: 10px 20px; font-size: 12px; } /* -- Menu Block */ .menu-block .container .col-md-10 span{ font-size: 25px; padding-right: 15px; } .header-social ul li a { margin-right: 20px; } .menu-block .menu-search { right: -60px; } .footer-bottom .container::before{ height: 15px; } } @media (max-width: 991px) { /* - Responsive Switch: Header */ .mobile-hide { display: none; } .headerbottom { margin-top: 0; } .navbar-fixed-top .menu-search .sb-search-submit i, .navbar-fixed-top.menu-block .container > span, .navbar-fixed-top #loginpanel i , .navbar-fixed-top .text-logo{ color: #fff; } /* -- Top Header */ .header-info ul{ margin-top: 0; } .header-info ul li { padding: 0 7px; } .header-info h3 { font-size: 14px; } .header-info a { padding: 10px 15px; font-size: 12px; margin-left: 15px; } /* -- Middel Header */ .header-info { margin-top: 20px; } .middle-header .logo-block { max-width: 135px; } .header-social { float: none; right: 0; left: 0; top: 10px; text-align: center; } .header-social ul { right: 0; } /*========================================================== ********************** Menu Block ******************** ===========================================================*/ .menu-block{ top: 0; position: relative; } .menu-block::after{ height: 0; } .menu-block .menu-search { position: absolute; top: 0; right: 25%; } .menu-block .container > span { top: 0; height: 0; } .menu-block .container > span::after{ top: 0; width: 0; } .menu-search .sb-search { top: 20px; } .menu-search .sb-search.sb-search-open .sb-search-input { top: 40px; } .menu-search .sb-search-submit i { font-size: 16px; color: #000; } /* -- Footer Main */ .footer-main .col-md-3:nth-child(2n+1) { clear: both; } .footer-bottom .container::before{ height: 15px; } .footer-main.footer2 .link-widget { padding-left: 15px; } /* -- Section Header */ .section-header h3::before{ width: 85px; } } /* -- max-width: 768 */ @media (max-width: 768px) { .menu-block .menu-search { right: 17%; } } /* -- max-width: 767 */ @media (max-width: 767px) { .menu-block .menu-search { right: 18%; } .middle-header .logo-block { max-width: 120px; } .header-info{ margin-top: 15px; } .header-info a{ padding: 8px; font-size: 11px; margin-left: 2px; } .header-info h3 { font-size: 12px; } .header-info span{ font-size: 11px; } .header-info ul li:last-of-type { border: none; } .menu-block .menu-search{ right: 28%; } .header-contact-info .btn, .header-contact-info a, .top-header span { font-size: 12px; letter-spacing: 0; } .header-contact-info a{ margin-right: 0; } /* -- Footer Main */ .instagram-widget.ftr-widget{ padding: 0 15px; } .footer-bottom .container::before{ height: 0; } .widget-area{ padding-left:0px!important; margin-top:40px; } .nav-links{ margin-top:40px; } } /* -- max-width: 639 */ @media (max-width: 639px) { .header-info{ float: none; } .header-info ul{ width: 100%; text-align: center; } .header-info ul li{ padding: 0 18px; margin-bottom: 10px; } .header-info h3{ font-size: 14px; } .header-social{ top: 0; } /* -- Footer Main */ .footer-bottom span{ display: block; text-align: center; margin-top: 3px; } .footer-bottom p{ float: none; text-align: center; line-height: 35px; } .footer-bottom p a{ padding: 0 5px; } } /* -- max-width: 479 */ @media (max-width: 479px) { .menu-block .menu-search{ right: 32%; } .header-info ul li{ border-right: none; } .top-header { text-align: center; line-height: 30px; } .header-contact-info{ float: none; } .header-social{ top: 0; } .menu-block .container > span{ position: relative; top: 7px; } .text-logo{ margin-left: 35px; margin-top: 20px; } .menu-search .sb-search.sb-search-open .sb-search-input{ width: 200px; height: 35px; } #slideit, #closeit { right: -45px; } /* -- Footer Main */ .footer-main .ftr-widget { width: 100%; } } /*========================================================== ********************** Page Breadbrumb ******************** ===========================================================*/ .page-breadcrumb { -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.08); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.08); box-shadow: 0px 1px 1px rgba(0,0,0,0.08); } .page-breadcrumb .breadcrumb{ background-color: transparent; border-radius: 0; line-height: 50px; padding: 0; width: 100%; margin-bottom: 0; } .page-breadcrumb .breadcrumb > li + li::before{ content: "\f105"; font-family: "FontAwesome"; line-height: 22px; letter-spacing: 0.36px; font-size: 14px; color: #777; margin-right: 8px; margin-left: 5px; } .page-breadcrumb .breadcrumb a{ color: #777; font-weight: 400; text-decoration: none; letter-spacing: 0.42px; line-height: 22px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .page-breadcrumb.breadcrumb li.active a { color: #777; } /*========================================================== ********************** Sidebar ******************** ===========================================================*/ aside { display:block; position: relative; width: 100%; } .not-found p{ margin-bottom:20px; clear:both; } aside .widget, #primary .search-form{ border: 1px solid rgba(0,0,0,0.1); display:block; padding: 30px; width: 100%; margin-top: -1px; } aside .widget-title { display:block; margin-bottom:1rem; width: 100%; text-transform:uppercase; } .widget-area .widget-title { position: relative; font-weight: 500; text-transform: capitalize; padding-bottom: 10px; margin: 0; margin-bottom:25px; } .widget-area .widget-title::before { position: absolute; content: ""; left: 0; bottom: 0; width: 15px; height: 2px; } #secondary .widget ul, ul.popular_category_list{ margin:0px; padding:0px; } ul.popular_category_list{ padding-right:15%; } #secondary .widget li, ul.popular_category_list li{ list-style:none; display:block; border-bottom: solid 1px #eee; padding-top: 10px; padding-bottom: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-left:25px; position:relative; } #secondary .widget li:last-child, ul.popular_category_list li:last-child{ border:none; } .sidebar-menu { list-style: none; margin: 0; padding: 0; } .sidebar-menu li a, #secondary .widget li a{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: normal; color: #777; text-decoration:none; } #secondary .widget li:hover{ padding-left:30px; } .sidebar .widget li::before, ul.popular_category_list li:before { content: "\f105"; position:absolute; font-family: 'FontAwesome', sans-serif; left:5px; font-size: 12px; top: 10px; } #secondary .post-date{ display:block; text-align:right; font-size:11px; font-style:italic; } .sidebar .widget.widget_archive li::before { content: "\f0c6"; } .sidebar .widget.widget_categories li::before { content: "\f115"; } .sidebar .widget.widget_pages li::before { content: "\f15b"; } .sidebar .widget.widget_meta ul li::before { content: "\f0c1"; } .sidebar .widget.widget_recent_comments ul li::before { content: "\f086"; } .sidebar .widget.widget_recent_entries ul li::before { content: "\f02b"; } .sidebar .widget_rss ul li::before { content: "\f09e"; } .sidebar .widget.widget_tag_cloud ul li::before { content: "\f0c2"; } .screen-reader-text{ display:none; } .widget input, .widget select{ max-width:100%; } /*========================================================== ********************** Blog ******************** ===========================================================*/ .latestnews-section.blog, .container.page{ padding-top:50px; padding-bottom:50px; } .content-area { position: relative; } .blog.latestnews-section .post-tag { display: inline-block; } .blog.latestnews-section .type-post .post-tag i{ margin-right:5px; } .blog.latestnews-section .type-post .post-tag { padding-right:15px; } .blog.latestnews-section .type-post .post-tag a, .blog.latestnews-section .type-post .post-tag { position: relative; margin-right: 5px; color: #777; height: auto; width: auto; border: none; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .blog.latestnews-section .type-post .entry-meta{ line-height: 40px; } .blog.latestnews-section .type-post .entry-title h3, .blog.latestnews-section .type-post .entry-title a , .blog.latestnews-section .type-post .entry-title h2{ font-weight: 400; margin-top: 0px; margin-bottom:20px; text-decoration:none; } /*========================================================== ********************** BlogPost ******************** ===========================================================*/ .blogpost.latestnews-section.blog{ padding-bottom: 25px; } .blogpost .content-area::after{ bottom: -25px; } .entry-cover::before{ background-color: transparent; } .blogpost .entry-content p span:last-of-type { margin-right: 0; } .blogpost .entry-thumbnail { position: relative; display: inline-block; margin-bottom: 32px; } .blogpost .entry-thumbnail img{ border-radius: 2px; position: absolute; left: 0; top: 0; } .blogpost .entry-thumbnail p { padding-left: 325px; line-height: 28px; letter-spacing: 0.28px; } .blogpost-nextprev { display: inline-block; width: 100%; margin-top: 50px; margin-bottom:50px; } .blogpost-nextprev a{ line-height: 26px; text-decoration: none; text-transform: capitalize; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .blogpost-nextprev a span{ margin-right: 10px; position: relative; top: 4px; } .nav-previous{ float:left; } .nav-next{ float:right; } /*========================================================== ********************** Post Comment ******************** ===========================================================*/ .post-comments { display: inline-block; width: 100%; } .post-comments .section-header { text-align: left; } .post-comments .section-header h3{ font-weight: 600; line-height: 28px; margin: 0; text-transform: capitalize; } .post-comments .media { position: relative; overflow: visible; margin-top: 40px; } .post-comments .media-left { position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-comments .media-left:hover { opacity: 0.7; } .post-comments img { border-radius: 100%; } .post-comments .media-body { overflow: visible; } .post-comments .media-body .media-content { margin-left: 100px; border-bottom: 1px solid #dedede; padding-bottom: 20px; } .post-comments .media-body .media-heading { font-size: 14px; font-weight: 400; margin-top: 0; line-height: 28px; letter-spacing: 1.3px; margin-bottom: 10px; text-transform: uppercase; } .post-comments .media-body .media-heading span { color: #777; font-size: 12px; letter-spacing: 0.6px; line-height: 22px; float: right; text-transform: capitalize; font-weight: 400; word-wrap: break-word; } .post-comments .media-body .media-heading a { color: #232323; float: right; letter-spacing: 1.1px; font-weight: 300; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-comments .media-body .media-heading a i { margin-right: 5px; } .post-comments .media .media-body .media { margin-left: 140px; position: relative; } .post-comments .media .media-body .media::before { position: absolute; content: ""; background-color: #eee; top: -38px; left: -86px; bottom: 0; width: 1px; } .post-comments .media .media-body .media::after { position: absolute; content: ""; background-color: #eee; top: 40%; bottom: 0; left: -86px; width: 37px; height: 1px; } .post-comments .media-content > p { letter-spacing: 0.42px; line-height: 24px; margin-bottom: 8px; } .post-comments .media-content > a { letter-spacing: 0.65px; line-height: 28px; text-transform: capitalize; position: relative; text-decoration: none; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; padding-left: 10px; } .post-comments .media-content > a::before { position: absolute; content: ""; left: 0; top: 8px; background-color: #35373e; height: 1px; width: 4px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } /*========================================================== ********************** Comment Form ******************** ===========================================================*/ .comment-form { position: relative; padding: 55px 0; } .comment-form .form-submit{ margin-left:15px; } .comment-form .section-header { text-align: left; margin-bottom: 0; } .comment-form .section-header h3::before { right: 0; margin: 0; } .comment-form h3{ text-transform: uppercase; font-size: 22px; letter-spacing: 1.54px; line-height: 28px; font-weight: 700; margin: 0 0 5px; } .comment-form .form-group { margin-top: 15px; margin-bottom: 0; padding-bottom: 10px; position:relative; } .comment-form .form-group span.required{ position:absolute; right:15px; top:10px; color:#F00; } .comment-form .form-control { color: #222; padding-left: 0; min-height: 40px; outline: none; box-shadow: none; border-radius: 0; border: none; border-bottom: 2px solid #e5e5e5; background-color: transparent; font-size: 11px; letter-spacing: 0.77px; position: relative; text-transform: uppercase; z-index: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; } .comment-form .form-control:focus { border-color: #000; } .comment-form input[type="submit"] { color: #fafbfc; display: inline-block; font-weight: 700; padding: 10px 37px; margin-top: 15px; text-transform: uppercase; border: none; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .comment-form input[type="submit"]:hover { color: #fafbfc; background-color: #222; } .blogpost.latest-blog .section-padding:last-of-type { padding-top: 60px; padding-bottom: 60px; } /*========================================================== ********************** Widget Area ******************** ===========================================================*/ .widget-area { padding-left: 17px; } .widget-area .widget { clear:both; width: 100%; } /* -- entry-cover */ .entry-cover { position: relative; } .entry-cover::before{ position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; display: inline-block; background-color: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .entry-cover:hover::before{ opacity: 1; } .entry-cover a{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; } .entry-cover a span, .entry-cover a i { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 24px; color: #fff; font-size: 40px; font-weight: 300; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; word-wrap: break-word; } .entry-cover:hover a span, .entry-cover:hover a i{ top: 50%; opacity: 1; } .entry-meta { display:block; width: 100%; border: 1px solid #ececec; padding-left: 27px; line-height: 50px; border-bottom: none; position:relative; font-size:12px; } .entry-meta .avatar_round{ position:absolute; right:20px; top:-35px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; } .entry-meta .avatar_round img{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:5px solid #fff; } .entry-meta .list-inline{ margin-bottom:0px; } .entry-meta, .entry-meta a { line-height: 28px; color: #777; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration:none; } .entry-meta i{ margin-right:10px; } .entry-block { padding: 21px 30px 35px 29px; border: 1px solid #ececec; } .entry-block { border: 1px solid #ececec; } .entry-block .post-by a, .post-by span { font-size: 12px; line-height: 26px; letter-spacing: 0.18px; text-transform: capitalize; word-wrap: break-word; } .padding-top-25{ padding-top:25px; } .padding-top-35{ padding-top:35px; } /*========================================================== ********************** Buttons ******************** ===========================================================*/ .btn i{ margin:0px 5px; display:inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left:15px; } .btn:hover i{ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 9px 22px; font-family: inherit; color: #fff; } .comment-form .section-header.comment_reply_header{ margin-bottom:10px; } /*========================================================== ********************** Pagination ******************** ===========================================================*/ .navigation.pagination { text-align: left; display: inline-block; margin-top: 1px; margin-bottom: 0; } .navigation.pagination ul{ margin: 0; padding:0px; } .navigation.pagination li { float: left; list-style:none; } .navigation.pagination li:last-of-type a { font-size: 13px; padding: 12.25px 20px; } .navigation.pagination a, .navigation.pagination span { font-size: 12px; padding: 13px 20px; color: #323232; border: 1px solid #e8e8e8; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .navigation.pagination a:focus, .navigation.pagination a:hover, .navigation.pagination span { text-decoration:none; } .navigation.pagination span.page-numbers.dots{ background:none; border-color: #e8e8e8; color: #000; } /*========================================================== ********************** 404 Page ******************** ===========================================================*/ .page-404{ padding:20vh 0; } .page-404 h1 { font-size: 80px; font-weight: 600; } .page-404 .btn { margin-top:40px; } /*========================================================== ********************** Captions ******************** ===========================================================*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: inline-block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*========================================================== ********************** Galleries ******************** ===========================================================*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; padding: 5px 10px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } figure{ max-width:100%; height:auto; } .gallery-caption { display: block; } .bypostauthor { display: block; } .alignleft{ margin-right:15px; float:left; } .alignright{ margin-left:15px; float:right; } .aligncenter { display:block; margin:0px auto; } #menu_container_wrapper{ position:relative; min-height:65px; clear:both; z-index:9999; } /* .widget_search */ .widget_search{ background-color: #f5f5f5; } .widget_search form { position:relative; } .widget_search .search-field, .widget_search input[type=text]{ width:600px; max-width:100%; display:block; height: 40px; line-height: 40px; border-radius: 33px; padding: 0 12px; border: 1px solid #dedede; font-weight:normal; } /* .widget_search .search-submit, #primary .search-form .search-submit{ margin-top: 0; width: auto; position: absolute; top: 0; right: 0; font-size:16px; border-radius: 0 33px 33px 0; text-transform: capitalize!important; cursor: pointer; padding: 0 13px; border:none; }*/ /*------------------------------------- * ----- custom_header -------- -----------------------------------*/ .custom_header{ position:absolute; left:0px; right:0px; top: 35%; left:50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); text-align:center; font-size: 30px; width:100%; max-width:800px; } .display-1{ font-family: Verdana; font-size:80px; } #sticker-sticky-wrapper{ z-index:9999; } article.loop-posts{ margin-bottom:50px; } /* .Color */ body, .latestnews-section .type-post .entry-content p, .latestnews-section .type-post .entry-title a, .post-comments .media-content > a, .post-comments .media-content > p, .post-comments .media-body .media-heading, .post-comments .section-header h3, .blogpost-nextprev a, .widget-area .widget-title, .entry-content a:hover, #secondary a { color: #000; } .custom_header, .widget_search .search-submit, #primary .search-form .search-submit, .navigation.pagination a:focus, .navigation.pagination a:hover, .navigation.pagination span{ color:#FFF; } .navigation.pagination a:focus, .navigation.pagination a:hover, .navigation.pagination span, .btn{ border-color: #ddab03; } .widget_search .search-submit, #primary .search-form .search-submit, .navigation.pagination a:focus, .navigation.pagination a:hover, .navigation.pagination span, .btn, .comment-form input[type="submit"], .post-comments .media-content > a:hover::before, .widget-area .widget-title::before, .footer-bottom, .link-widget ul li a::before, .footer-main .ftr-widget .widget-title::before, .header-contact-info .dropdown-menu > li > a:hover { background-color: #ddab03; } .latestnews-section .type-post .entry-block a:hover, .latestnews-section .type-post .entry-title:hover a, .latestnews-section .type-post .entry-block .post-by a, .post-comments .media-content > a:hover, .post-comments .media-body .media-heading a:hover, .blogpost-nextprev a:hover, .blog.latestnews-section .type-post .entry-meta .post-tag span > a:hover, .page-breadcrumb .breadcrumb a:hover, .contact-widget.ftr-widget p:hover a, .contact-widget.ftr-widget p:hover span, .contact-widget.ftr-widget p:hover, .link-widget ul li a:hover, .ftr-widget a, .header-social ul li a:hover, .list-inline > li a:hover, #secondary li:hover a, #secondary li:hover:before, #secondary a:hover, a, a.btn:hover, a.btn:focus, a.btn:active, a.btn:active{ color: #ddab03; } .btn:hover, .btn:focus, .btn:active, .btn.active{ background:none; } .owl-nav div{ background:rgba(221,171,3,0.5); } .owl-nav:hover div{ background:rgba(221,171,3,1); } /* .owlGallery */ .owlGallery{ overflow:hidden; position:relative; } .owlGallery .owl-item, .owlGallery .item{ float:left; } .owl-nav div{ position:absolute; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; top:50%; left:10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:99; width:45px; height:45px; text-align:center; line-height:45px; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color:#FFF; } .owl-nav div.owl-prev{ left:auto; right:10px; } /*=========================================================== ************* popup-search ******************** ===========================================================*/ .popup-search{ position:fixed; left:0px; right:0px; top:0px; bottom:0px; background:rgba(0,0,0,0.9); z-index:9999; color:rgba(255,255,255,0.5); display:none; } .popup-search .v-align-middle{ top:48%; position:absolute; left:0px; right:0px; } .popup-search .search-form{ max-width:550px; display:block; margin:0px auto; position:relative!important; overflow:hidden; } .popup-search .search-field{ padding:15px; background:none; width:800px; max-width:95%; border:none; font-size:18px; color:#FFF; font-style:italic; border-bottom:1px solid rgba(255,255,255,0.5); } .popup-search .close-popup{ position:absolute; font-size:45px; top:7%; right:7%; cursor:pointer; } .search-form .search-submit{ position:absolute; top:11px; right:20px; width:50px; padding:7px 10px; border:none; cursor:pointer; background:none; z-index:99; text-indent:-600px; font-size:12px; } .search-form::before{ z-index:9; position:absolute; font-family: 'FontAwesome', sans-serif; right:5px; font-size: 12px; top: 6px; right:0px; content: "\f002"; font-size:30px; width:30px; height:30px; } .content-area.no-sidebar{ float:none; display:block; margin:0px auto; } .container.page .entry-block { padding:0px; border:none; } .bibliography { list-style: none; border: none; }