/* Theme Name: biddo Theme URI:http://theme.themepul.com Author:Themepul Author URI:http://themepul.com/ Text Domain:biddo Version: 01. Description: Description : One page portfolio wordpress Theme. extremely flexible, and efficiently minimal one-page portfolio theme for WordPress. You can use it to showcase your brand into a single page, or use it as a full site, with standard inner pages etc. The true power of lies at the widgetized homepage, allowing you to customize, and re-order every widget section and get creative with the possible layout options. License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags:one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog */ .wp-caption, .bypostauthor { margin: 0.4em 1.6em 1.6em 0; } .wp-caption-text, .gallery-caption, .aligncenter { font-size: 15px; margin-bottom: -21px; margin: 0 auto; } .item .sticky .blog-title, .item .sticky a.readmore { color: #FF2443; } .wp-caption-text>a { font-weight: bold; } .wp-caption.alignright { float: right; margin-bottom: 21px; margin-left: 19px; text-align: center; } .alignleft { float: left; margin-right: 0; } figure.wp-caption.alignnone { text-align: center; } figure.alignnone figcaption.wp-caption-text { font-style: italic; margin-top: 20px; } a:focus, a:hover:focus { border: none; color: #FF2443; outline: none; text-decoration: none; } img { max-width: 100%; height: auto; } body { width: 100%; height: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; overflow-x: hidden; } a { color: #232323 } a:hover { text-decoration: none; color: #FF2443 } ul, ol { list-style: none; margin: 0; padding: 0; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #FF2443 } h4.blog-details-title { font-size: 25px; font-weight: bold; } /*** button ***/ .comment-respond .submit, .btn.btn-buttons:focus { outline: transparent; } form .form-submit { clear: both; overflow: hidden; } .btn.btn-buttons, .comment-respond .submit, form.post-password-form p>input { background-color: #FF2443; border-color: transparent; border-radius: 0; color: #fff; font-size: 13px; margin-left: 0; margin-right: 7px; padding: 9px 20px; } form.post-password-form p>input { left: -13px; margin: 12px 10px; padding: 10px 22px 8px; position: relative; } form.post-password-form p>input:hover { background-color: #333333; } form.post-password-form label input { border: 1px solid #e5e5e5; margin-left: 10px; min-height: 45px; padding: 10px; } /*** admin options css **/ #biddo_service_items .upload { display: none!important; } .search-form>form { position: relative; } a.btn.btn-buttons { background-color: #FF2443; border-radius: 0; color: #fff; font-size: 13px; margin-left: 0; margin-right: 7px; padding: 11px 20px; text-transform: capitalize; border-radius: 36px; border: 3px solid #FF2443; } .btn.btn-no-bg { background-color: transparent; border: 2px solid #fff; border-radius: 0; color: #fff; font-size: 13px; margin-left: 0; margin-right: 7px; padding: 11px 27px; text-transform: capitalize; border-radius: 36px; } a.btn.btn-no-bg { background-color: transparent; border: 3px solid #FF2443; } a.btn.btn-no-bg:hover, .btn.btn-no-bg:hover { border-color: transparent } /*** hover **/ .btn.btn-buttons:hover { background-color: transparent; color: #FF2443; border: 3px solid #FF2443; } .comment-respond .submit:hover { background-color: #333; } .btn.btn-no-bg:hover { background-color: #FF2443; color: #fff; border-color: transparent; } /*** / button ***/ .padding-60 { padding-top: 40px; } .margin-60 { margin-top: 50px; } .no-margin { margin: 0px; } .no-padding { padding: 0px; } /*** Transition animation ****/ .btn.btn-no-bg, .btn.btn-buttons, .about-title, .priceing-content, .pricing-top, .client-content img, .search-box, .search-hidden button, .service-icon, .current-pagination, .blog-search button, .team-social-iton, .navbar-toggle, .navbar-toggle:focus, .navbar-default .navbar-toggle .icon-bar, a, .back-top, .comment-respond .submit, .form .wpcf7-submit, form.post-password-form p>input, .widget form input.search-submit:hover, .widget form input.search-submit, .images-link>a:hover, .image-view>a:hover, .images-link>a, .image-view>a, .btn.btn-no-bg:hover, .btn.btn-buttons:hover, .about-title:hover, .priceing-content:hover .pricing-top, .priceing-content:hover .purchase-button, .client-content img:hover, .search-box:hover, .search-hidden button:hover, .service-item:hover .service-icon, .current-pagination:hover, .blog-search button:hover, .team-social-iton:hover, .navbar-toggle, .navbar-toggle:focus, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar, a:hover, .back-top:hover, .comment-respond .submit:hover, .form .wpcf7-submit:hover, form.post-password-form p>input:hover, ul.slimmenu li:hover ul.children, .team-title, .search-page>.search-form>form>button:hover, .search-page>.search-form>form>button, .widget>.search-form>form>button:hover, .widget>.search-form>form>button, .about-content-inner:hover img, .about-content-inner img, .blog-section .item-inner:hover img, .blog-section .item-inner img, .blog-page-section .item-inner:hover img, .blog-page-section .item-inner img, .portfolio-categories>li:hover, .portfolio-categories>li, a.nivo-control:after, .service-item:hover, .service-item, .portfolio-item-content:hover .portflio-title, .portflio-title, li.meta-item:hover .author-name, .author-name, .widget li:hover, .widget li, .progress-item:hover .progress-icon, .progress-icon { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transform: all 0.4s ease 0s; -o-transform: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /*** / Transition animation ****/ .hadding-area { padding-top: 85px; padding-bottom: 36px; } .hadding-area>h1.hadding span { color: #ff2443; } .hadding-area p { letter-spacing: 0.04em; line-height: 26px; padding: 0 319px; } .hadding-line-box { left: -238px; position: relative; } .hadding-line-box.blogpages { left: -254px; } /****Gobla css*****/ /*** stikcy ***/ .header-section.on { background-color: rgba(0, 0, 0, 0.8); padding: 0px 0px 0px; z-index: 999; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: transparent; color: #FF2443; } /*** stikcy ***/ /***** Header *****/ .left-sides { float: left; } .right-sides { float: right; display: inline-block; } .header-section { position: fixed; transition: all 0.8s ease 0s; min-width: 100%; z-index: 999; display: inline } .slicknav_menu { display: none; } /***** Support *****/ .support > ul > li span { margin-right: 4px; } .center-line { color: #fff; display: inline; margin: 0 4px; } .center-line::after { content: "|"; } .header-section .support>ul>li { color: #fff; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 15px; } .header-section .support { padding: 25px 0 0px; text-align: right; } .header-section .support .fa-envelope-o, .header-section .support .fa-phone-square { font-size: 13px; margin: 0 5px; } .progress-item:hover .progress-icon { color: #ff2443; } /***** Support *****/ /**** nav Menu *****/ .header-section .support>ul { margin-top: -9px; } nav>ul>li, .menuarea { display: inline-block; } .menu-section { margin: 13px 0; text-align: right; } ul.slimmenu>li>ul>li>a:hover { color: #FF2443; } nav>ul>li>a { color: #fff; display: block; font-weight: 500; font-size: 14px; margin-bottom: 0; overflow: hidden; padding: 0px 10px; text-transform: uppercase; } nav ul li .active a:focus, nav ul li .active a:hover { background-color: transparent; color: #FF2443 !important; } ul.slimmenu>li>ul>li>ul>li>a:hover { color: #FF2443; } .header-section .logo { padding: 31px 0; z-index: 999; } .logo-text { padding: 14px 0; } .logo-text h2 { color: #fff; font-size: 36px; font-weight: bold; margin: 12px 0; padding: 0; text-transform: uppercase; } .logo h2 { color: #fff; font-size: 50px; font-weight: bold; text-transform: uppercase; } .navbar-toggle, .navbar-toggle:focus { border-color: #FF2443 !important; border-radius: 0; margin-right: 74px; margin-top: 24px; } .navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #FF2443; } .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff; } /**** nav Menu *****/ /** sub menu ***/ .navbar-nav .dropdown:hover .dropdown-menu { display: block; animation: 400ms ease 0s normal none 1 running fadeInUp; } .nav.navbar-nav>li>ul>li>a:hover { color: #fff } .navbar>li>ul>li { margin: 0; padding: 0; } .nav.navbar-nav ul>li { margin: 0; padding: 0; } .nav.navbar-nav>li>ul { background-color: #fff; border: medium none; border-radius: 0; left: -60px; min-width: 100px; padding: 11px 0; text-align: left; top: 60px; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #FF2443; text-decoration: none; } .nav.navbar-nav>li>ul>li>a { color: #333; line-height: 36px; } .dropdown-menu2 { background-color: #fff; display: none; } .dropdown-menu li:hover .dropdown-menu2 { background-color: #fff; display: block; line-height: 31px; margin-top: -33px; position: absolute; right: -113px; animation: 400ms ease 0s normal none 1 running fadeInUp; } .dropdown-menu2>li>a { color: #333; line-height: 43px; margin: 20px; padding: 0; } .dropdown-menu2>li:hover { background: #FF2443; } .dropdown-menu2 a:hover { color: #fff !important; } /**** sub and mobile Menu *****/ /*** search section ***/ header .search-form { position: absolute; right: 0; top: 18px; } .search-box { color: #fff; cursor: pointer; padding: 0 0 0 15px; } .menu-section .header-search { display: inline-block; position: relative; top: -3px; } .search-hidden { display: none; position: relative } .search-hidden input { background-color: #f6d9f6; border: transparent; color: #333; min-width: 315px; padding: 10px 40px 10px 14px; } .search-hidden button { background-color: transparent; border: transparent; color: #999; padding: 10px 13px; position: absolute; right: 0; top: 0; } .search-hidden button:hover { background-color: #FF2443; border: transparent; color: #fff; } /***** Header *****/ /*** Slider section ****/ .slide-content { width: 780px; height: 300px; overflow: hidden; text-align: left; margin: 18% auto; } .nivo-directionNav { display: none; } .img-bg { background: rgba(23, 23, 23, .7); min-height: 100%; position: absolute; top: 0; width: 100%; z-index: 6; } /*** contant **/ .slide-content>h2 { color: #fff; font-size: 34px; margin: 0; padding: 0; text-transform: uppercase; } .slide-content>p { color: #fff; margin: 0; padding-bottom: 28px; padding-top: 10px; margin-right: 206px; line-height: 25px; } /*** Slider section ****/ /*** service section ****/ /*** Hadding ***/ .hadding-area>h1.hadding { font-size: 34px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; } div.hadding-area.breadcrumb-area { border-bottom: 1px solid #e6e6e6; } .hadding-area.breadcrumb-area>h1 { font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 600; text-transform: capitalize; margin-bottom: 6px; } .hadding-area.breadcrumb-area>h1.single-blog-hadding { padding-bottom: 25px; } .hadding-line-1 { padding: 20px 0; position: relative; } .hadding-line-1::before { background-color: #FF2443; content: ""; height: 1px; position: absolute; width: 80px; } .hadding-line-1::after { background-color: #FF2443; bottom: 10px; content: ""; height: 20px; position: absolute; width: 1px; } .hadding-line-1 { padding: 20px 0; position: relative; } .hadding-line-1::before { background-color: #FF2443; content: ""; height: 1px; left: 50.2%; position: absolute; width: 80px; } .hadding-line-1::after { background-color: #FF2443; bottom: 10px; content: ""; height: 20px; left: 50.2%; position: absolute; width: 1px; } .hadding-line-2 { position: relative; } .hadding-line-2::before { background-color: #FF2443; content: ""; height: 1px; position: absolute; right: 50.1%; top: -20px; width: 80px; } .hadding-line-2::after { background-color: #FF2443; bottom: 10px; content: ""; height: 20px; position: absolute; right: 50.1%; width: 1px; } /*** service section ****/ .service-icon { width: 65px; height: 65px; box-shadow: 1px 4px 21px 1px #e4e4e4; border-radius: 100%; margin: 0 auto; padding: 15px 0; font-size: 25px; color: #FF2443; text-align: center; } .service-item:hover .service-icon { box-shadow: none; background-color: #FF2443; color: #fff; } .service-item-content { padding: 16px 26px; text-align: center; } .service-item p { line-height: 25px; } .service-item .title { font-size: 21px; text-transform: capitalize; font-weight: normal; margin-bottom: 9px; display: block; } .service-content { margin-top: 30px; } .service-item { -webkit-box-shadow: 0px 1px 20px 7px #e8e8e8; box-shadow: 0px 1px 20px 7px #e8e8e8; padding: 26px 0; } .service-item:hover { -webkit-box-shadow: 7px 4px 14px -2px #e6e4e4; box-shadow: 7px 4px 14px -2px #e6e4e4; } .service-section .hadding-area { padding-top: 80px; padding-bottom: 30px; } /*** about section ***/ .about-section { padding-bottom: 70px; } .about-contents { padding-top: 56px; } .about-image { overflow: hidden; } .about-title { color: #545454; font-size: 33px; font-weight: normal; line-height: 37px; text-transform: capitalize; } .about-content>p { line-height: 27px; } h5.about-sub-title { color: #333333; font-size: 15px; font-weight: normal; letter-spacing: 0.2em; padding-bottom: 15px; padding-top: 14px; text-transform: uppercase; } .about-section .btn.btn-buttons { margin-top: 24px; padding: 7px 22px; } .about-section .btn.btn-buttons:hover { background-color: #232323; border-color: #232323; color: #fff; } /*** about section ***/ /*** Progress Section ***/ .progress-section .hadding-area { padding-top: 0; margin-bottom: 40px; } -webkit-.progress-bg { background-attachment: unset; } -ms-.progress-bg { background-attachment: unset; } section.progress-section { overflow: hidden; } .progress-bg { background-attachment: fixed; background-position: center center; background-size: cover; display: inline; float: left; padding-bottom: 100px; padding-top: 38px; position: relative; width: 100%; z-index: 10; } .progress-bg::after { background-color: rgba(0, 0, 0, 0.55); content: ""; height: 100%; position: absolute; top: 0; width: 100%; z-index: -1; } .progress-icon { color: #ffffff; font-size: 40px; margin: 0 auto; } .progress-content .progress-count { color: #fff; font-size: 22px; font-weight: normal; padding-top: 4px; margin-bottom: 10px; } .progress-item { text-align: center; background-color: rgba(1, 1, 1, 0.6); padding: 25px; } .progress-title { color: #fff; font-size: 15px; text-transform: uppercase; } .progress-line { background-color: #fff; height: 1px; margin: 6px auto 14px; width: 60px; } .progress-content { padding-top: 70px; } /*** / count Section ***/ /*** Portfolio section ***/ .portfolio-item.mix { display: none; } .portfolio-item-content:hover .portfolio-text { bottom: 0px; } .portfolio-text { bottom: -500%; color: #fff; padding: 0 15px; position: relative; text-align: center; } .portfolio-section { display: inline-block; width: 100%; } .portfolio-categories { padding: 34px 0; text-align: center; padding-bottom: 17px; } .portfolio-categories>li { display: inline-block; padding: 11px 24px; border-radius: 34px; margin: 0 6px; font-size: 13px; font-weight: 500; font-family: montserrat; color: #333; box-shadow: 6px 2px 16px 1px #e2e2e2; } .portfolio-categories>li:hover, .portfolio-categories>li.active { color: #fff; background-color: #ff2443 } .portfolio-item .img-responsive { object-fit: cover; display: inline; width: 100% } .portfolio-categories>li span { cursor: pointer; text-transform: uppercase; } .portfolio-item.colmd-3 { padding: 0; } .portfolio-item-content { display: block; position: relative; } .portfolio-item-content:hover:before { transform: scaleX(1); } .portfolio-item-content:before { background-color: rgba(255, 36, 67, .5); content: ""; height: 100%; position: absolute; transform: scaleX(0); transition: all 0.5s ease 0s; width: 100%; } .portfolio-item { margin-top: 30px; } .portfolio-content { height: 100px; position: absolute; width: 100%; bottom: 40px; overflow: hidden; top: auto; } .portfolio-section { display: inline-block; width: 100%; } .portfolio-links { display: block; height: 100px; margin: 0 auto; position: relative; width: 173px; } .portfolio-item-content:hover .portflio-title { margin-top: -9px; } .portflio-title { margin-top: 58px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 16px; color: #fff; } .portfolio-item-content:hover .portfolio-line { top: 32px; } .portfolio-line { background: #fff; height: 53px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: -200px; width: 1px; } .portfolio-line::after { background: #ffffff; content: ""; height: 1px; position: absolute; top: 0; width: 23px; } .portfolio-line::before { background: #fff; content: ""; height: 1px; position: absolute; right: 0; top: 0; width: 23px; } .portfolio-item .portfolio-links span { padding: 6px; text-align: center; } .images-link>a:hover, .image-view>a:hover { background-color: #fff; border: 1px solid #fff; color: #FF2443 } .images-link>a, .image-view>a { background-color: transparent; border: 1px solid #fff; color: #fff; display: inline-block; height: 45px; padding-top: 11px; text-align: center; width: 45px; } .images-link { left: -400px; position: relative; top: 10px; } .portfolio-item-content:hover .images-link { left: 30px } .image-view a { position: relative; right: -500px; top: -35px; } .portfolio-item-content:hover .image-view a { right: -94px; } .portfolio-item-content:hover .images-link, .images-link, .portfolio-item-content:hover .image-view a, .portfolio-item-content:hover .portfolio-line, .portfolio-line, .portfolio-item-content:hover .portfolio-text, .portfolio-text, .team-sub-title, .team-title, .team-icon-1, .team-icon-2, .team-icon-3, .team-submit, a.nivo-control:hover:after, a.nivo-control, a.nivo-control.active:after { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transform: all 0.3s ease 0s; -o-transform: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /*** / Portfolio section ***/ /*** team section ***/ .team-contents { margin-top: 37px; } a.btn.team-submit { background: #fff; color: #333; padding: 7px 19px; border-radius: 48px; text-transform: capitalize; font-size: 14px; } a.btn.team-submit:hover { background-color: #333; color: #fff; } .team-items .owl-prev { color: #333; font-size: 0; left: 0; padding: 20px; position: absolute; top: 44%; } .team-items .owl-next { color: #333; font-size: 0; padding: 20px; position: absolute; right: 0; top: 44%; } /*** team section ***/ .team-content-box { display: block; position: relative; border-bottom: 4px solid #FF2443; } .team-content-box:hover:before { top: 0; margin-top: 0; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } .team-content-box::before { background-color: rgb(255, 36, 67); content: ""; height: 100%; position: absolute; z-index: 1; width: 100%; left: 0; margin-top: 138%; top: 0; -webkit-transition: all 0.4s cubic-bezier(1, 0.48, 0.21, 0.78) 0s; -moz-transition: all 0.4s cubic-bezier(1, 0.48, 0.21, 0.78) 0s; -ms-transition: all 0.4s cubic-bezier(1, 0.48, 0.21, 0.78) 0s; -o-transition: all 0.4s cubic-bezier(1, 0.48, 0.21, 0.78) 0s; } .team-hover-item { bottom: 0; color: #fff; height: 200px; left: 0; margin: auto; padding: 0 10px; position: absolute; right: 0; text-align: center; top: 0; width: 100%; z-index: 11; opacity: 0; transition: all .4s ease 0s; } /*** hover ***/ .team-icon-1:hover, .team-icon-1:hver, .team-icon-1:hover { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transform: all 0.2s ease 0s; -o-transform: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .team-items .social-link a:hover { background-color: #fff; color: #FF2443; box-shadow: 2px 3px 0px 0px #961f30; } .team-icon-1 a { background-color: #337ab7; font-size: 13px; box-shadow: 2px 3px 0px 0px #961f30; } .team-icon-2 a { background: #02baff; box-shadow: 2px 3px 0px 0px #961f30; } .team-icon-3 a { background: #0d77b7; box-shadow: 2px 3px 0px 0px #961f30; } .team-social-iton { display: inline-block; } .social-link { padding: 11px 0; overflow: hidden; left: -5px; } .team-content-box:hover .team-hover-item { opacity: 1; transition: all 1s ease .1s; } .team-items .des { margin-top: 12px; position: relative; padding: 0 16px; } .team-content-box:hover .des { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .team-title { font-size: 23px; font-weight: normal; margin-bottom: 10px; text-transform: capitalize; position: relative; } .team-content-box:hover .team-title { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .team-content-box:hover .team-sub-title { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .team-sub-title { font-size: 15px; position: relative; text-transform: uppercase; letter-spacing: .3em; } .team-items.owl-carousel .owl-item img { display: block; object-fit: cover; width: 100%; } .team-social-iton a { color: #fff; display: inline-block; height: 30px; line-height: 33px; margin: 8px; text-align: center; border-radius: 5px; width: 30px; } .team-icon-1 a { background-color: #337ab7; font-size: 13px; } .team-submit { position: relative; } .btn.btn-no-bg.team-submit:hover { background-color: #fff; color: #FF2443; } .team-content-box:hover .team-submit { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /** progress bar section **/ .skillbar { border: 1px solid #e4e1e1; border-radius: 5px; display: block; margin-top: 50px; position: relative; width: 100%; } .skill-section .hadding-area { margin-bottom: 45px; } .skill-image { width: 78%; text-align: right; margin: 0 auto; } .our-skill-content { padding-top: 0; } .our-skill-bars { overflow: hidden; } .skillbar-title { color: #323232; font-size: 14px; font-weight: bold; left: 0; position: absolute; text-transform: uppercase; top: -26px; } .skillbar-title span { font-size: 13px; font-weight: bold; } .skillbar-bar { height: 5px; width: 0; background: #FF2443; border-radius: 5px; transition: all 0.4s ease 0s; } .skill-bar-percent { font-size: 11px; position: absolute; } .skill-bar-percent { color: #333; font-size: 13px; font-weight: bold; height: 7px; line-height: 7px; opacity: 0; padding: 0px; position: absolute; text-align: center; top: -20px; } /** populer section **/ .populer-content h1 { text-transform: uppercase; font-size: 30px; color: #fff; font-weight: normal; margin-top: 5px; } .populer-content a.btn-buttons { background: #333; text-transform: uppercase; letter-spacing: .1em; } .populer-content a.btn-buttons:hover { background-color: #fff; color: #333 } .populer-content a.btn.btn-no-bg:hover { background-color: #fff; color: #333; } section.populer-section { background-color: #FF2443; padding: 38px; } .blog-section.all-blogs { margin-top: -29px; } /** populer section **/ /** pricing section **/ .pricing-table { padding-top: 37px; } .pricing-top { padding: 50px 0; border-bottom: 1px solid #f1f1f1; } .pricing-title>h3 { font-family: montserrat; font-size: 18px; font-weight: bold; text-transform: uppercase; } .pricing-amount { display: block; font-size: 25px; font-weight: bold; padding: 6px; } .per-month { font-size: 14px; letter-spacing: 0.4em; text-transform: uppercase; } .pricing-title { color: #333; } .priceing-content { margin-bottom: 30px; -webkit-box-shadow: 2px 0px 14px 1px #dfdfdf; -moz-box-shadow: 2px 0px 14px 1px #dfdfdf; -ms-box-shadow: 2px 0px 14px 1px #dfdfdf; -ms-box-shadow: 2px 0px 14px 1px #dfdfdf; -o-box-shadow: 2px 0px 14px 1px #dfdfdf; box-shadow: 2px 0px 14px 1px #dfdfdf; border-radius: 49px 49px 49px 49px; -moz-border-radius: 49px 49px 49px 49px; -webkit-border-radius: 49px 49px 49px 49px; } .pricing-body>ul>li:last-child { padding-bottom: 25px; } .pricing-body>ul>li:first-child { padding-top: 25px; } .pricing-body>ul>li { padding: 10px 0; } .pricing-footer { overflow: hidden; color: #333; border-top: 1px solid #f1f1f1; } .pricing-footer .purchase-button { color: #333; display: block; font-size: 18px; font-weight: bold; padding: 35px 0 30px 0; text-transform: uppercase; } /*** hover **/ .priceing-content:hover .pricing-top, .priceing-content:hover .purchase-button { background-color: #FF2443; overflow: hidden; color: #fff } .priceing-content:hover .pricing-title { color: #fff } .priceing-content:hover .pricing-top { border-radius: 50px 50px 0px 0px; -moz-border-radius: 50px 50px 0px 0px; -webkit-border-radius: 50px 50px 0px 0px; } .priceing-content:hover .purchase-button { border-radius: 0px 0px 50px 50px; -moz-border-radius: 0px 0px 50px 50px; -webkit-border-radius: 0px 0px 50px 50px; } /** / pricing section **/ /** blog section **/ .blog-image { overflow: hidden; position: relative } .blog-section .item-inner:hover img, .blog-page-section .item-inner:hover img { transform: scale(1.3); } img.page-post-image { height: auto; max-width: 100%; object-fit: cover; width: 100%; } .archive .item-content .post-meta { padding: 0 0; } .item .sticky .blog-title, .item .sticky a.readmore { color: #FF2443; } .item .tag-sticky-2 .post-meta { margin-top: 14px; } img.home-blog-post-iamge { height: 200px; object-fit: cover; width: 100%; } .blog-section a.readmore:focus, .blog-section .all-items:focus { color: #FF2443 } .blog-section .item-content, .blog-page-inner .item-content { padding: 20px 0; } .blog-page-section .item-inner { margin-bottom: 30px; } .blog-section a:hover { color: #FF2443; } img.single-post-image { height: 320px; object-fit: cover; width: 100%; } .blog-contents a.readmore { border: 2px solid #333; padding: 5px 13px; border-radius: 47px; margin-top: 10px; display: inline-block; font-size: 13px; font-weight: bold; color: #333; } .blog-contents a.readmore:hover { background-color: #FF2443; color: #fff; border-color: #FF2443; } .blog-contents .blog-title { display: block; font-family: montserrat; font-size: 18px; font-weight: bold; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .blog-contents .post-meta>ul>li { color: #333; display: inline-block; font-size: 13px; margin-right: 10px; font-weight: bold; } .post-meta > ul > li > span { margin-right: 5px; color: #FF2443 } li.meta-item:hover .author-name { display: block; width: 146px; left: 0; } p.comment-awaiting-moderation { margin-top: -5px; text-transform: capitalize; font-size: 18px; margin-left: 57px; color: #FF2443; } .blog-contents .des p { line-height: 25px; } .blog-section .all-items { display: inline-block; font-size: 15px; margin-right: 15px; margin-top: 36px; text-align: center; text-transform: uppercase; width: 100%; font-weight: bold; } .blog-details-contant iframe { width: 100%; } /** / blog section **/ /** twite section **/ .twite-content h2 { font-size: 22px; color: #fff; text-transform: uppercase; font-family: 'Roboto', sans-serif; letter-spacing: .1em; margin-bottom: 15px; } .twite-content h3 { margin: 0; margin-top: 20px; } .twite-content h3 span { font-size: 16px; color: #fff; margin: 0; position: relative; } .twite-content h3 span:after { content: ""; width: 54%; height: 1px; background: white; position: absolute; left: 0; right: 0; text-align: center; margin: 0 auto; } .testi-image img { max-width: 80px; margin: auto; border-radius: 100%; height: 80px; object-fit: cover; margin-bottom: 25px; } .twite-bg:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; background: rgba(0, 0, 0, 0.7); top: 0; } .twite-bg { background-attachment: fixed; background-position: center center; display: inline; float: left; padding-bottom: 90px; padding-top: 90px; position: relative; width: 100%; background-color: #999999; } .twite-title { color: #fff; font-family: montserrat; font-size: 30px; font-weight: bold; text-transform: uppercase; } .twite-icon { color: #fff; transform: rotate(); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .twite-icon-box { background-color: #FF2443; height: 40px; margin: 30px auto 25px; padding: 10px; width: 40px; position: relative; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .twite-section .des { color: #fff; line-height: 35px; padding: 0 215px; font-size: 20px; font-weight: 400; font-style: italic; } .twite-section .follow { padding: 7px 14px; } .twite-icon-box::after { background-color: #fff; content: ""; height: 2px; left: 27px; position: absolute; top: 66px; width: 80px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .twite-icon-box::before { background-color: #fff; content: ""; height: 2px; position: absolute; right: 27px; top: -28px; width: 80px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .post-time { color: #fff; padding: 19px 0; } .twite-section .owl-dot.active { background-color: #FF2443; height: 2px; text-align: center; width: 80px; } .twite-section .owl-dot { background-color: #fff; display: inline-block; height: 2px; margin: 0 auto; width: 80px; } .twite-section .owl-dots { padding-top: 30px; } /** / twite section **/ /** client section **/ .client-carousel img { margin: 0 auto; padding: 25px; opacity: 0.7; } .client-contents img:hover { opacity: 1; } .client-section { display: inline-block; width: 100% } .client-carousel.owl-carousel .owl-item img { width: auto; } .client-contents { padding-bottom: 70px; } /** / client section **/ .contact-info form p.myClass.yourClass { margin-right: 18px; } .wpcf7-form-control-wrap { position: unset; } .form { position: relative; } .contact-info form input { padding: 8px 5px; margin-top: 11px; border: 1px solid #dadada } .contact-info textarea { display: block; position: absolute; clear: both; top: 32px; right: 0; color: #333; font-weight: normal; width: 50%; padding: 3px 11px; border: 1px solid #dadada } .contact-info input[type="submit"] { text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 13px 42px 10px; border: none; background-color: #ff2443; color: #fff; border-radius: 32px; letter-spacing: 0.03em; margin-top: -36px; } h5.contact-widget-title span { text-transform: uppercase; font-weight: bold; font-size: 20px; margin-bottom: 14px; display: block; } .contact-widget { margin-top: 14%; } .contact-widget .textwidget ul li a { color: #ff2443; } .contact-widget ul > li { line-height: 27px; } .contact-section { margin-bottom: 45px; } .contact-widget p { line-height: 25px; } .contact-info input[type="submit"]:hover { background-color: #333; color: #fff; } /** maps section **/ .maps-section { background-color: #f7f8fb; position: relative; width: 100%; } /*** footer ***/ .footer-section { background-color: #1f1f1f; padding: 36px 0 24px; } .footer-social a:hover { color: #fff; } /*** / footer ***/ /*** back top ***/ .back-top-icon { color: #fff; padding: 9px 16px; } .back-top { background-color: #232323; bottom: 57px; cursor: pointer; float: right; height: 40px; margin: 0 auto; padding: 0; position: fixed; right: 29px; width: 40px; z-index: 999; width: 40px; display: none; } .back-top:hover { background-color: #FF2443; } /*** blog page ***/ span.author-name { display: none; } .blog-image .post-meta { position: absolute; bottom: 79px; left: 0; } .post-meta span.meta-icon { width: 30px; height: 30px; background: #277bc3; border-radius: 100%; line-height: 27px; color: #fff; position: absolute; z-index: 99999; display: block; top: 0px; left: -1px; } h4.blog-details-title { font-size: 25px; font-weight: bold; } .header-img { height: 100%; position: relative } .header-img>img { height: 89px; object-fit: cover; width: 100%; } .header-img::after { background-color: rgba(0, 0, 0, 0.82); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .breadcrumb { background-color: transparent; margin: 0; padding: 0 0 17px; } .breadcrumb span { margin: 10px; } .breadcrumb a:hover { color: #FF2443 } .breadcrumb a:focus { color: #FF2443; outline: none } /*** paginations ***/ .biddo_nav-previous { display: block; float: left; overflow: hidden; clear: both; margin-left: 13px; font-size: 0px } .biddo_nav-next { display: block; float: right; overflow: hidden; margin-right: 13px; font-size: 0px } .biddo_nav-previous a:hover, .biddo_nav-next a:hover { background-color: #FF2443; } .biddo_nav-previous a { background-color: #333; padding: 4px 26px; display: block; color: #fff; border-radius: 15px; } .biddo_nav-previous a:after { content: "\f177"; font-family: fontawesome; font-size: 15px; } .biddo_nav-next a { background-color: #ff2443; padding: 4px 26px; display: block; color: #fff; border-radius: 15px; } .biddo_nav-next a:after { content: "\f178"; font-family: fontawesome; font-size: 15px; } .current-pagination, .wp-pagenavi span.current, .wp-pagenavi a.page { border: 1px solid #e2e2e2; display: inline-block; height: 30px; line-height: 22px; text-align: center; width: 30px; text-transform: uppercase; } .wp-pagenavi span.pages { font-size: 13px; font-weight: bold; padding: 5px 8px; text-transform: uppercase; } .current-pagination:hover, .wp-pagenavi span.current:hover, span.extend:hover, .wp-pagenavi a:hover { background-color: #FF2443; color: #fff; } .wp-pagenavi .nextpostslink { padding: 5px 11px!important; } .wp-pagenavi .extend { font-size: 20px; padding: 2px 11px; } .wp-pagenavi .nextpostslink:hover, .wp-pagenavi a.last:hover { border-color: transparent } .wp-pagenavi .last { padding: 5px; } .biddo_nav-next a:hover { background-color: #333; } /**** right side ***/ .blog-search #search-form>input { border: 1px solid #dddddd; padding: 12px 50px 12px 15px; position: relative; } .blog-search #search-form>button { background: transparent; border: medium none transparent; padding: 13px 15px; position: absolute; right: 5px; top: 0; } .blog-search>form { max-width: 240px; position: relative; } .blog-search #search-form>button:hover { background-color: #FF2443; color: #fff; } .widget .textwidget { line-height: 25px; } .widget { padding-bottom: 40px; } .widget-hadding { font-family: montserrat; font-size: 16px; font-weight: bold; line-height: 24px; padding-bottom: 19px; text-transform: uppercase; } .widget-cat>li { line-height: 45px; } .widget-cat>li>a span.fa { margin: 0 6px 0 0; transition: all 0.8s ease 0s; } .widget-cat>li>a:hover { margin: 10px; transition: all 0.8s ease 0s; } .resent-image { float: left; } .resent-image img { margin: 0 20px 0 0; min-width: 80px; } .resent-details>a { color: #232323; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: bold; } .resent-details>a:hover { color: #FF2443 } .resent-date>span { color: #232323; font-size: 15px; font-weight: bold; margin-right: 10px; } .resent-date { color: #FF2443; padding-top: 8px; } .resent-post { border-bottom: 1px solid #dddddd; overflow: hidden; padding-bottom: 20px; padding-top: 20px; } .resent-post:last-child { border: transparent; padding-bottom: 0; } .resent-post.first-item { padding-top: 0; } .widget .blog-des { line-height: 26px; } .populer-tag>li { display: inline; } .populer-tag>li>a { border: 1px solid #FF2443; display: inline-block; margin: 0 6px 1px -3px; overflow: hidden; padding: 7px 19px; } .populer-tag>li>a:hover { background-color: #FF2443; color: #fff; } /*** blog details ***/ .blog-details-thumbnail { position: relative; } .blog-details-contant>h4 { font-size: 24px; padding-bottom: 0; padding-top: 0; } .blog-details-meta>ul>li { color: #FF2443; display: inline; font-size: 16px; margin-left: 0; margin-right: 10px; } .blog-details-meta>ul>li a span.fa { margin-left: 0; margin-right: 5px; } .blog-details-meta a { color: #FF2443; margin-left: 0; } .blog-details-meta a:hover { color: #232323; } .blog-details-des { line-height: 26px; padding-bottom: 60px; padding-top: 8px; } .comments-area .comments-title { font-size: 17px; font-weight: 600; margin-bottom: 28px; margin-top: 31px; text-transform: uppercase; } .comments-area .comments-title>span { font-weight: normal; text-transform: capitalize; color: #FF2443; margin: 5px; } .comment-list .comment-metadata { margin-left: 6px; display: inline-block; font-weight: 400; } .comment-metadata a, p.myClass>a { color: #FF2443; } .comment-metadata:hover a, a.comment-edit-link:hover, p.myClass>a:hover { color: #333; } ol.comment-list .comment-content { margin-left: 46px; } ol.comment-list article { margin: 7px 0; } .comment-area h2 { font-family: montserrat; font-size: 16px; padding-bottom: 30px; text-transform: uppercase; } .comment-area h2 span.fa { margin-left: 0; margin-right: 5px; } .comment-img { float: left; height: 40px; width: 40px; } .comment-time { color: #999; margin: 5px 0; } .comment-img>img { border-radius: 100%; height: 100%; width: 100%; } .comment-content { overflow: hidden; padding-left: 15px; } .comment-content h3 { font-size: 15px; font-weight: normal; } .comment-content p { line-height: 26px; margin-bottom: 0!important; } .comment-reply { font-style: italic; margin: 8px 0; } .comment-content .Repost { margin-left: 0; margin-right: 16px; } .comment-reply a { color: #999 } .comment-reply a:hover { color: #FF2443 } .comment-list-reply { padding: 30px 0 30px 72px; } .respond-title { font-family: montserrat; font-size: 16px; padding: 20px 0 35px; text-align: center; text-transform: uppercase; } .respons-box .form-control { border: 1px solid #e8e8e8; border-radius: 0; box-shadow: none; height: 40px } .form-control.form-comment { height: auto; } .respons-box .btn.btn-buttons.submit-btn { margin: 0; } .respons-box .form-button { display: block; } .respons-box .btn.btn-buttons.submit-btn:hover { background-color: #232323; color: #fff; border-color: #232323, } .blog-details-section { padding-bottom: 100px } /*** all icons ****/ /**** team section all icon ***/ .team-content .facebook::after { content: "\f09a"; font-family: fontawesome; } .team-content .twitter::after { content: "\f099"; font-family: fontawesome; } .team-content .linkin::after { content: "\f0e1"; font-family: fontawesome; } .team-items .owl-next::after { content: "\f178"; font-family: fontawesome; font-size: 15px; } .team-items .owl-prev::after { content: "\f177"; font-family: fontawesome; font-size: 15px; } /*** footer socila all icon ***/ .footer-facebook:after { content: "\f09a"; font-family: fontawesome; } .footer-twitter:after { content: "\f099"; font-family: fontawesome; } .footer-google_plus:after { content: "\f0d5"; font-family: fontawesome; } .footer-skype:after { content: "\f17e"; font-family: fontawesome; } .footer-vimo:after { content: "\f27d"; font-family: fontawesome; } .footer-youtube:after { content: "\f167"; font-family: fontawesome; } .footer-instagram:after { content: "\f16d"; font-family: fontawesome; } .pinterest:after { content: "\f0d2"; font-family: fontawesome; } /*** nivo slider icon ***/ .slider-items .nivo-prevNav::after { content: "\f177"; font-family: fontawesome; font-size: 15px; left: 10px; position: absolute; top: 9px; } .slider-items .nivo-nextNav::after { content: "\f178"; font-family: fontawesome; font-size: 15px; left: 10px; position: absolute; top: 9px; } /*** Back Top icon ***/ .back-top-icon::after { content: "\f176"; font-family: fontawesome; font-size: 15px; } .blog-page-section .item-content { padding: 18px 9px; } .comment-respond .comment-form textarea { border: 1px solid #dbdbdb; line-height: 24px; padding: 12px 15px; width: 100%; } .comment-form-author>input, .comment-form-email>input, .comment-form-url>input { padding: 10px; } .comment-list ol.children { margin-left: 30px; } .comment-respond .comment-form-author>input, .comment-respond .comment-form-email>input, .comment-respond .comment-form-url>input { border: 1px solid #dbdbdb; border-radius: 0; height: 40px; min-width: 360px; } .comment-respond .comment-form-comment>label, .comment-respond .comment-form-author>label, .comment-respond .comment-form-url>label, .comment-respond .comment-form-email>label { color: #999; display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; } .comment-respond .comment-form-email { float: left; } .comment-respond .comment-form-url { float: left; overflow: hidden; text-align: left; width: 100%; } .comment-respond .comment-reply-title { font-family: montserrat; font-size: 18px; font-weight: 600; text-transform: uppercase; } .commentlist ul.children { margin: 30px; } .comment-reply-link { color: #999; } .commentlist .comment-metadata>a { color: #999; display: inline-block; padding: 10px; } .comment-author.vcard { margin-left: 10px; text-transform: capitalize; display: inline-block; } .comment-body .reply { font-style: italic; margin-left: 57px; } /** page navi **/ .blog-page-inner .pages { border: transparent; } .blog-details-thumbnail img { height: auto; margin-bottom: 20px; max-width: 100%; object-fit: cover; width: auto; } .blog-page-inner .current { border-color: #dedede !important; color: #232323 !important; padding: 5px 10px; } .blog-page-inner .current:hover, .blog-page-inner .page.larger:hover, .blog-page-inner .nextpostslink:hover { background-color: #FF2443; border-color: transparent; color: #fff!important; } .blog-page-inner .page.larger, .blog-page-inner .nextpostslink { padding: 5px; } .blog-details-meta { margin-top: -14px; } .blog-page-inner .wp-pagenavi { margin-right: 13px; text-align: right; } .blog-details-thumbnail { width: 100%; } .blog-details-thumbnail-image img { height: 100%; object-fit: cover; width: 100%; } #breadcrumbs { list-style: none; margin: 10px 0; overflow: hidden; } #breadcrumbs li { display: inline-block; vertical-align: middle; margin-right: 15px; } #breadcrumbs .separator { font-size: 18px; font-weight: 100; color: #ccc; } .widget .tagcloud>a { border: 1px solid #FF2443; display: inline-block; font-size: 14px!important; margin: 5px 2px; padding: 4px 18px; border-radius: 24px; } .widget .tagcloud>a:focus { color: #333; } .widget .tagcloud>a:hover { background-color: #FF2443; color: #fff; border-color: transparent; } .widget-hadding span { border-bottom: 1px solid #FF2443; padding: 5px 0; } .widget .cat-item { line-height: 45px; } .widget>ul>li, .widget .menu li { line-height: 45px; border-top: 1px solid #e2e2e2; } .widget>ul>li:before, .widget>ul>li>ul.children>li:before, .widget>ul>li>ul.children>li>ul>li:before { content: "\f101"; font-family: FontAwesome; margin-right: 8px; } .biddo_nav-previous { display: inline-block; float: left; clear: both; } .biddo_nav-previous>a { left: 0; position: relative; } .biddo_nav-next { display: inline-block; } .biddo_nav-next>a { position: relative; right: 0; float: right; } .avatar.photo { border-radius: 100%; height: 40px; margin-right: 10px; width: 40px; } #top-menu .active a { color: #c3095f!important; } #top-menu .active a:after { content: ''; border-bottom: 2px solid #c3095f; display: block; width: 100%; position: relative; top: 8px; } .archive_title { font-size: 24px; margin-top: 0; padding-bottom: 30px; text-align: left; text-transform: capitalize; } .twite-section { overflow: hidden; } .notfound h2 { color: #FF2443; font-family: montserrat; font-size: 60px; font-weight: bold; } .myClass.yourClass>span { font-size: 47px; font-weight: bold; text-transform: uppercase; } .blog-details-des .wp-caption.alignleft { float: left; padding: 0 25px 16px 0; width: auto !important; } figure { max-width: 100%; } .comments-area form span { font-size: 14px !important; } .blog-details-contant .blog-details-des>ul>li, .blog-details-contant .blog-details-des>ul>li>ul>li, .blog-details-contant .blog-details-des>ul>li>ul>li>ul>li { list-style: initial; } .comments-area ol .comment-content>ul>li, .comments-area ol .comment-content>ul>li>ul>li, .comments-area ol .comment-content>ul>li>ul>li>ul>li { list-style: inside; } div.blog-details-des>ol>li, div.blog-details-des>ol>li>ol>li, div.blog-details-des>ol>li>ol>li>ol>li { list-style: decimal; } .comments-area .comment-content ol { list-style: decimal; margin-left: 20px; } ol.children { margin-left: 40px; } .blog-details-contant ul>li>ul, .blog-details-contant ol>li>ol { line-height: 35px; margin-left: 18px; } .blog-details-contant ul>li>ul>li>ul, .blog-details-contant ol>li>ol>li>ol { margin-left: 25px; } ol .comment-content li, .blog-details-contant ul>li, .blog-details-contant ol>li { line-height: 40px; } dl dt { font-weight: 600; margin: 6px 0; } dd { margin-left: 30px; } address { font-style: normal; line-height: 27px; margin-bottom: 10px; margin-left: 30px; } .comment-content>h2 { font-size: 25px; } .widget>ul>li>ul.children>li, .widget>ul>li>ul.children>li>ul>li { list-style: none; margin-left: 14px; border-top: 1px solid #e2e2e2; } .widget>ul>li>ul.children>li>a:hover { margin-left: 10px; } .link-pages>p>a { border: 1px solid #999; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .link-pages>p>a:hover { background-color: #FF2443; border: transparent; color: #fff; border: 1px solid #FF2443 } blockquote { background-color: #eee; font-size: 15px; margin: 0 0 20px; padding: 25px 28px; } table tbody th { border-right: 1px solid #e2e2e2; padding: 8px 15px; } .tag-markup-2>ul { margin-left: 26px; } .tag-css .blog-details-des>ol { margin-left: 27px; } .blog-details-des.tag-css>ul>li>span, .blog-details-des.tag-css>ul>li>em, .blog-details-des.tag-css>ul>li>strong { font-size: 15px!important; } tbody tr { border: 1px solid #e2e2e2; } table tbody td { border-right: 1px solid #e2e2e2; padding: 0 22px; } .size-full.wp-image-904.alignleft { clear: both; float: left; height: auto; margin-bottom: 6px; margin-right: 38px; width: auto; } .size-full.wp-image-906.aligncenter { height: auto; width: auto; } .size-full.wp-image-905.alignright { float: right; height: auto; margin-left: 25px; width: auto; } .size-full.wp-image-906 { height: auto; width: auto; } .size-full.wp-image-904 { height: auto; width: auto; } .size-full.wp-image-905 { float: right; height: auto; margin-bottom: 0; margin-left: 18px; width: auto; } figure.aligncenter figcaption { margin-bottom: 30px; margin-top: 10px; text-align: center; } .size-full.wp-image-906 { display: inline-block; float: none; height: auto; margin: 0; width: auto; } .widget>form>label>span { font-family: montserrat; font-size: 16px; text-transform: uppercase; } .widget>label { display: block; font-family: montserrat; margin-bottom: 24px; text-transform: uppercase; } .widget>select, .widget>select:focus { border: 1px solid #ddd; padding: 10px; width: 100%; outline: none } .widget>.search-form>form>input { border: 1px solid #d6d4d4; padding: 13px 7px; width: 100%; } .widget>.search-form>form>button { border: transparent; color: #fff; padding: 14px 20px; background-color: #FF2443; position: absolute; top: 0; right: 0; } .widget>.search-form>form>button:hover { background-color: #333 } .widget .calendar_wrap>table>tbody>tr>td { border-right: 1px solid #ddd; padding: 6px 14px; } .calendar_wrap caption { padding: 11px 8px; background: #FF2443; color: #fff; text-transform: capitalize; font-size: 17px; } .widget .calendar_wrap table>thead>tr>th { border: 1px solid #ddd; text-align: center; padding: 7px; color: #FF2443; font-weight: bold; } .widget .calendar_wrap table>thead>tr>th { border: 1px solid #ddd; text-align: center; } .widget>.calendar_wrap>table>tfoot { border: 1px solid #ddd; } .widget .calendar_wrap td > a { color: #FF2443; } .widget .calendar_wrap td { border: 1px solid #ddd; padding: 8px 10px; text-align: left; } .widget .menu { line-height: 35px; } .widget .menu>li>ul>li { margin-left: 15px; transition: all 0.4s ease 0s; } .widget .menu>li a:hover { margin-left: 10px; transition: all 0.4s ease 0s; } .widget>ul>li>span.post-date { display: block; margin-left: 17px; } .widget>label { display: none; } .widget form>label span { display: none; } .widget .textwidget select { border: 1px solid #ddd; padding: 12px 9px; width: 100%; } .widget .textwidget option { display: block; overflow: hidden; text-overflow: ellipsis !important; white-space: nowrap !important; width: 339px; } .myClass.yourClass>span { font-size: 14px; } p.myClass.yourClass img { height: auto; width: auto; } .widget .textwidget p img { margin: 17px 0; } img.blog-post-image { height: 270px; object-fit: cover; width: 100%; } .header-img-bg { padding: 44px 0; background-color: rgba(0, 0, 0, 0.8); } .entry .myClass.yourClass>span { color: #FF2443; display: block; font-size: 60px; font-weight: bold; } figure.gallery-item { display: inline-block; } .gallery-icon.landscape { float: left; margin-bottom: 20px; margin-right: 20px; } .single-post-image { margin-bottom: 25px; } .post-1016 img.single-post-image { height: auto; object-fit: cover; width: auto; } .blog-page-inner .row .col-md-6:nth-child(2n+1) { clear: both; } .single-blog-post img { height: 100%; width: 100%; } .search-page>.search-form>form>input { border: 1px solid #999; min-width: 366px; padding: 11px 12px; } .search-page>.search-form>form>button { background-color: #FF2443; border: medium none transparent; color: #fff; margin-left: 5px; padding: 12px 26px; } .search-page>.search-form>form>button:hover { background-color: #333; } .search-form.search-page { margin-top: 45px; } .gallery figure.gallery-item>figcaption { display: none; } .gallery figure.gallery-item>figcaption { display: none; position: relative; transition: all 0.4s ease 0s; } figure.gallery-item:hover figcaption { background-color: rgba(0, 0, 0, 0.49); bottom: 20px; color: #fff; display: block; height: 40%; padding: 10px 0; position: absolute; text-align: center; width: 88%; } figure.gallery-item { position: relative; } .tag-edge-case>ol>li>ul, .tag-edge-case>ul>li>ol>li>ul>li, .tag-edge-case>ol>li>ul>li>ul>li { list-style: inside none disc; margin-left: 20px; } .tag-edge-case>ol>li>ul>li>ol { list-style: decimal; margin-left: 40px; } .tag-edge-case>ul>li>ol>li, .tag-edge-case>ul>li>ul>li>ol>li { list-style: decimal; margin-left: 20px; } .page-links-single { margin-left: -8px; display: block; clear: both; margin-top: 20px; overflow: hidden; padding-top: 30px; } .blog-details-des ul, .blog-details-des ol { margin-left: 28px; } .page-links-single>span { background-color: #999999; } .page-links-single>a { background-color: #FF2443; } .page-links-single>a, .page-links-single>span { color: #fff; display: inline-block; height: 40px; margin-right: 10px; padding: 7px 9px 9px; text-align: center; width: 40px; } .page-links-single>a:hover, .page-links-single>a:hover { background-color: #333 } ol.comment-list { margin: 0; } span.page-links-title-signle { background: transparent; color: #333; display: inline; } .item-content .post-meta { margin-top: 8px; margin-bottom: 10px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 10px 0; } .page-links-single>a>span { display: inline-block; left: -1px; position: relative; top: 1px; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng { background-color: #f2dede; border: 2px solid #ebccd1; color: #a94442; padding: 12px; } div.wpcf7-mail-sent-ok { background-color: #dff0d8; border: 2px solid #dff0d8; color: #3c763d; padding: 12px; } label.screen-reader-text { display: none; } .widget form select#cat, .widget form select#cat:focus, .widget select#cat, .widget select#cat:focus { width: 100%; padding: 10px; border: 1px solid #d6d4d4; outline: none } .widget>ul>li>a { text-transform: capitalize; } .home .blog-contents { margin-top: 50px; } /* categori */ .widget > ul.menupage ul, .widget .menu ul { display: block; margin: -4px 0; padding: 0; width: 100%; } .widget > ul.menupage li, .widget .menu li { cursor: pointer; display: block; position: relative; } .widget .menu li.active> span.down-up:before, .widget > ul.menupage li.active> span.down-up:before { content: "\f106"; font-family: FontAwesome; font-size: 16px; } .widget .menu span.down-up, .widget > ul.menupage span.down-up { padding: 5px 14px; position: absolute; right: 0; top: -5px; } .widget .menu span.down-up, .widget > ul.menupage span.down-up { color: #000; } .widget .menu ul > li > a::before, .widget > ul.menupage ul > li > a::before { background: #999; } .widget .menu span.down-up:before, .widget > ul.menupage span.down-up:before { content: "\f107"; font-family: FontAwesome; font-size: 16px; } .widget .menu a:hover, .widget > ul.menupage a:hover { color: #444444; } .widget .menu a, .widget > ul.menupage a { color: #333; cursor: pointer; text-align: left; text-decoration: none; text-transform: capitalize; } .widget li:hover, .widget .menu li a:hover, .widget .menu span.down-up:hover, .widget > ul.menupage li a:hover, .widget > ul.menupage span.down-up:hover { color: #FF2443; } .blog-details-meta > ul >li > span { margin: 5px; } .widget .menu ul a, .widget .menu ul>li>ul>li> a, .widget > ul.menupage ul a, .widget > ul.menupage ul>li>ul>li> a { padding: 7px 0 7px 15px; } .resent-image img { height: 76px; object-fit: cover; } /*** update ***/ h5.ft-widget-title span { text-transform: uppercase; font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 20px; display: inline-block; position: relative; } h5.ft-widget-title span:after { content: ""; position: absolute; width: 50%; height: 2px; background: #FF2443; left: 0; bottom: -7px; } h5.ft-widget-title span { text-transform: uppercase; font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 35px; display: inline-block; position: relative; } h5.ft-widget-title span:after { content: ""; position: absolute; width: 50%; height: 2px; background: #ffffff; left: 0; bottom: -7px; } .ft-widget .textwidget > ul > li { line-height: 30px; color: #d2d2d2; } .ft-widget .textwidget > ul > li > strong { color: #fff; font-weight: bold; clear: both; overflow: hidden; } .ft-widget > ul li { line-height: 28px; color: #fff; } .ft-widget > ul li > a { color: #a5a5a5; } .ft-widget > ul li > a:hover { color: #ff2443; } .ft-widget > ul li span a .ft-widget > ul li span a { color: #fff; text-transform: capitalize; } .ft-widget .resent-post, .contact-widget .resent-post { border-bottom: none; padding-bottom: 0; padding-top: 20px; } .ft-widget .resent-image img, .contact-widget .resent-image img { height: 77px; width: 81px; } .ft-widget .textwidget.custom-html-widget, .contact-widget .textwidget.custom-html-widget { color: #d2d2d2; line-height: 24px; } .ft-widget .resent-date>span, .contact-widget .resent-date>span { display: none; } .ft-widget .resent-details a, .contact-widget .resent-details a { color: #a5a5a5; font-size: 14px; } .ft-widget .resent-image figure, .contact-widget .resent-image figure { max-width: 100%; height: 80px; } .ft-widget .tagcloud a, .contact-widget .tagcloud a { border: 2px solid #fff; color: #fff; font-size: 13px!important; line-height: 30px; padding: 0px 16px; margin: 1px 2px; border-radius: 16px; overflow: hidden; display: inline-block; text-align: center; text-transform: capitalize; } .ft-widget .tagcloud a:hover, .contact-widget .tagcloud a { background-color: #ff2443; border: 2px solid #ff2443; color: #fff } .ft-widget .resent-details a:hover, .contact-widget .resent-details a:hover { color: #ff2443; } .footer-social a { color: #999; width: 35px; height: 35px; display: inline-block; background: #313131; border-radius: 10px; text-align: center; padding: 8px; } .footer-social>ul>li { display: inline-block; font-size: 15px; margin-right: 7px; margin-bottom: 12px; } .footer-social { margin-top: 19px; } .footer-social a:hover { background-color: #ff2443; color: #fff; } .ft-widteg-group { overflow: hidden; margin-top: 30px; margin-bottom: 40px; } .ft-widget .textwidget > p { color: #d2d2d2; line-height: 25px; margin-top: -9px; } .footer-section .footer-copyright p { color: #999999; font-size: 15px; text-align: center; border-top: 1px solid #3c3c3c; padding-top: 30px; } .ft-widget select, .contact-widget select { width: 100%; padding: 10px; line-height: 31px; text-transform: capitalize } .ft-widget .mejs-container, .ft-widget .mejs-container .mejs-controls, .ft-widget .mejs-embed, .ft-widget .mejs-embed body, .contact-widget .mejs-container, .contact-widget .mejs-container .mejs-controls, .contact-widget .mejs-embed, .contact-widget .mejs-embed body { background: #ff2443; } .ft-widget .calendar_wrap>table>tbody>tr>td { border-right: 1px solid #ddd; padding: 3px 9px; color: #fff; } .contact-widget .calendar_wrap>table>tbody>tr>td { border-right: 1px solid #ddd; padding: 3px 9px; color: #333; } .ft-widget .calendar_wrap caption, .contact-widget .calendar_wrap caption { padding: 11px 8px; background: #ff2443; color: #fff; text-transform: capitalize; font-size: 17px; } .ft-widget .calendar_wrap table>thead>tr>th, .contact-widget .calendar_wrap table>thead>tr>th { border: 1px solid #ddd; text-align: center; padding: 7px; color: #ff2443; font-weight: bold; } .ft-widget .calendar_wrap table>thead>tr>th, .contact-widget .calendar_wrap table>thead>tr>th { border: 1px solid #ddd; text-align: center; } .ft-widget >.calendar_wrap>table>tfoot, .contact-widget .calendar_wrap>table>tfoot { border: 1px solid #ddd; } .ft-widget .calendar_wrap td > a, .contact-widget .calendar_wrap td > a { color: #ff2443; } .ft-widget .calendar_wrap td, .contact-widget .calendar_wrap td { border: 1px solid #ddd; padding: 8px 10px; text-align: left; } .ft-widget figure.gallery-item, .contact-widget figure.gallery-item { width: 80px; height: 80px; margin-right: 7px; margin-bottom: 7px; } .ft-widget figcaption, .contact-widget figcaption { position: absolute; bottom: 0; padding: 12px; color: #fff; background-color: rgba(0, 0, 0, 0.72); } .ft-widget ul li.menu-item a, .contact-widget ul li.menu-item a { color: #d2d2d2; line-height: 29px; text-transform: capitalize; } .ft-widget ul li.menu-item a:hover, .contact-widget ul li.menu-item a:hover { color: #ff2443 } .ft-widget a.rsswidget, .contact-widget a.rsswidget { color: #fff; } .ft-widget .search-form form input { width: 100%; padding: 11px; border: none; position: relative; margin-bottom: 24px; } .contact-widget .search-form form input { width: 100%; padding: 11px; border: 1px solid #999; position: relative; margin-bottom: 24px; } .ft-widget .resent-post:first-of-type, .contact-widget .resent-post:first-of-type { padding-top: 0; } .ft-widget .search-form form button:hover, .contact-widget .search-form form button:hover { background: #ffffff; color: #333; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transform: all 0.4s ease 0s; -o-transform: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .contact-widget .search-form form button:hover { background: #ffffff; color: #333; background-color: #333; color: #fff; border: 1px solid #333 } .ft-widget .search-form form button, .contact-widget .search-form form button { position: absolute; top: 0; right: 0; background: #ff2443; border: none; padding: 11px 16px; color: #fff; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transform: all 0.4s ease 0s; -o-transform: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .contact-widget .search-form form button { border: 1px solid #ff2443; } .breadcrumb>li+li:before { display: none }