/* Theme Name: bikashsoft charity Theme URI: Author: Bikashsoft Technology Author URI: https://bikashsoft.com Description: Bikashsoft Theme is responsive multipurpose WordPress business theme with clean, highly professional design and lots of useful features like a premium theme - and strong theme options panel to manage theme all! It is probably the most feature-rich free theme with lots of useful options events layout, portfolio layout, testimonial layout, blog layout, gallery layout, featured posts on home page, quick contact, social media integration, full width slider, team member layout, sidebar layout, multiple home page layout, call to action and many other page layouts. It is fully responsive, WooCommerce compatible, bbPress compatible, translation ready, cross-browser compatible, SEO friendly, RTL support. Theme is completely translated in: French, Persian, Japanese, Danish now. Bikashsoft Theme is multi-purpose and is suitable for travel, corporate, portfolio, photography, nature, health, small biz, personal, creative, corporate, agencies, bloggers anyone and everyone. Version: 1.0 License: GNU General Public License, version 3 (GPLv3) License URI: http://www.gnu.org/licenses/gpl-3.0.txt Text Domain: bikashsoft.com Domain Path: /languages/ Tags: blue, white, light, custom-menu, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, custom-background, featured-image-header, sticky-post, theme-options, threaded-comments, featured-images, full-width-template, custom-header, flexible-header, responsive-layout, rtl-language-support Bikashsoft Theme WordPress Theme, Copyright 2016 https://bikashsoft.com Bikashsoft Theme is distributed under the terms of the GNU GPL */ /*-------------------------------------------------------------- Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; margin-bottom: 15px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 10px 0; } .site-main .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-main .gallery a img { border: none; height: auto; max-width: 90%; } .site-main .gallery dd, .site-main .gallery figcaption { margin: 0; } .site-main .gallery-columns-4 .gallery-item { } .site-main .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*post and pages*/ .sticky { } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 15px; } .alignright { display: inline; float: right; margin-left: 15px; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .row:before, .row:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .ak-container:after, .ak-container:before { content: ''; display: table; } .clearfix:after, .row:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .ak-container:after { clear: both; } .clear{ clear:both; } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 25px; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { } #comments h2.comments-title{ font-family: 'Lato', sans-serif; font-style: italic; margin: 15px 0; font-weight: 300; } #comments h3{ margin:0 0 10px; line-height: 1; } #commentform label{ width: 120px; display: inline-block; } textarea#comment{ width: 60%; height: 150px; } /*Comment Lists*/ .comments-area ol{ margin: 0; padding: 0; list-style: none; } .comments-area .comment-list{ background: #F2F3F4; padding: 20px; } .comments-area ol.children{ margin: 15px 0 0 15px; padding-top: 15px; border-top: 2px solid #FFF; } .comment-list li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 6px solid #FFF; } .comment-list li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .comment-author img{ vertical-align: text-top; margin-right: 15px; } .comment-author{ float: left; } .comment-author .fn{ font-style: normal; font-size: 16px; text-transform: capitalize; font-weight: bold; } .comment-author .fn .url{ color: #333; } .comment-author .fn .url:hover{ border-bottom: 1px dotted #333; } .comment-author .says{ display: none; } .commentmetadata{ float: right; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 12px; font-style: italic; font-weight: 300; } .commentmetadata a{ color: #666; } .commentmetadata .comment-edit-link{ color:#01AEFD; } .commentmetadata + .clear{ margin-bottom: 20px; } .reply .comment-reply-link{ background: none repeat scroll 0 0 #293037; border-radius: 3px; color: #FFFFFF; font-size: 13px; line-height: 1; padding: 2px 10px; } #respond{ background: #f1f2f3; padding: 20px; margin-top: 10px; } #commentform .form-submit{ margin-bottom: 0; } .comment-awaiting-moderation{ background: #111; position: absolute; left: 50%; top: -20px; color:#FFF; font-size: 13px; width: :250px; margin-left: -125px; } .comment-awaiting-moderation + br{ display: none; } #cancel-comment-reply-link{ font-style: italic; color: #333; } #cancel-comment-reply-link:before{ font-family: FontAwesome; content: "\f057"; margin:0 5px 0 20px; font-style: normal; color: #333; } .logged-in-as a{ color: #333; } /* #BASIC--------------*/ *{margin:0; padding:0;} * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box } a { transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; color:#6b6b6b; } img.grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } img.grayscale:hover { filter: none; -webkit-filter: grayscale(0%); } img{border:none;} li {list-style:none outside;} h1{ font-size:34px;font-weight:900;} h2 {font-size:30px; font-weight:300; text-transform:uppercase; } h3{font-weight:400; font-size:20px;} label{font-size:13px; color:#6b6b6b; } h1, .h1, h2, .h2, h3, .h3 { margin-bottom:20px; margin-top: 0; } .title{ position:relative; margin-bottom:10px; margin-bottom:30px;} .title h2 span{font-weight:700;} input, label{ font-family: 'Open Sans', sans-serif; font-weight:400;} #fixed{position:relative; z-index:1000;} figure{margin-bottom:20px;} a:focus, a, object, embed {outline: none;} a:focus, a:hover {text-decoration: none;color: #0d4c86;} :focus, :active {-moz-outline-style: none; outline:0 none !important;} ::-moz-focus-inner {border:0;} ul, ol {margin: 0; padding: 0;} ul, ol, li {list-style: none;} p {margin: 0;} .logo a{ font-weight:800; font-size:26px; display:block; color:#2c3e4f; margin-top:16px; text-transform:uppercase; } .logo a span{ display:inline-block; color:#cb3f35;} img{ max-width:100%; height:auto;} .padd_Right0{padding-right:0;} .padd_Left0{padding-left:0;} .padd_Both{padding-left:0; padding-right:0;} .padd_top50{padding-top:50px;} .padd_btm50{padding-bottom:50px;} .padd_both50{padding-top:50px; padding-bottom:50px;} .padd_both40{padding-top:40px; padding-bottom:40px;} .alignleft{float:left;} .alignright{float:right;} .menu_responsive{ color: #fff; display: none; font-size: 21px; font-weight: bold; line-height: 28px; margin-top: 5px; padding: 10px 0 10px 15px; text-transform: uppercase; } .readbtn{ width:122px; height:45px; text-align:center; background:#e54d42; line-height:45px; display:inline-block; color:#fff; margin-top:20px; } .readbtn:hover, .readbtn:focus{background:#cb3f35; color:#fff; } body {font-size:14px; line-height:22px; ont-family: 'Open Sans', sans-serif; color:#555555; } input{border:none;} :focus{ outline:none;} ::placeholder{ color:#73b8ff;} /*header part*/ header{background:url(../images/header_bg.jpg) no-repeat left top; width:100%; background-size:cover;} .top_bar{min-height:40px; font-size:13px; background:#2c3e4f; color:#8aa6c1; } .top_bar a{color:#8aa6c1;} .top_bar .left{} .top_bar .left ul li{display:inline-block; line-height:40px; padding: 0 12px; } .top_bar .left ul li:first-child{padding-left:0;} .top_bar .left ul li span{ font-size:16px; margin-right:10px;} .top_bar .right{float:right; line-height:40px; width: 44%;} .top_bar .right ul{float:left;} .top_bar .right ul li span{margin-right:10px;} .top_bar .right .social_media{font-size:18px;} .social_meida a { margin-left:5px; display:inline-block; width:25px; height:25px;} .social_meida a span{ display:block; height:100%; text-align:center; line-height:25px; color:#fff;} .social_meida a:hover span.fa-facebook{background:#537bbd;} .social_meida a:hover span.fa-twitter{background:#78cdf0;} .social_meida a:hover span.fa-google-plus{background:#f5564b;} .middle{padding:14px 0;} .middle_right{margin-top:20px;} .middle_right .search{float:left; border:1px solid #d9d9d9; padding:4px;} .middle_right .search .fa-search{color:#8b8b8b; position:relative; left:-6px;} .middle_right .search input[type="submit"]{ left: 18px; background:transparent; position: relative;text-indent: -9999px; width: 30px;} /*header part end*/ /*nav part start*/ /*mega menu*/ .dropdown-menu{border:none; box-shadow:none; background-color:#e54d42; padding:0; border-radius:0 !important;} .dropdown-menu > li > a{color:#fff; padding:6px 20px;} .dropdown-menu > li { border-bottom: 1px solid #f5564b;} .navbar{min-height:50px !important;} .navbar-default .navbar-toggle .icon-bar {background-color: #ddd;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #cb3f35 ; } .navbar-default .navbar-toggle:hover{border-color:#cb3f35 ;} .navbar-nav > li > a{ font-size:14px; line-height:50px; padding: 0 13px !important;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:transparent;} .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left:-15px; margin-right:-15px;} .navbar{background:transparent !important; margin-bottom:0; border:none; border-radius: 0;} .navbar-inverse{background-color:transparent !important; border-color:transparent !important;} .navbar-default .navbar-nav > li > a{border-bottom:transparent;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#5e5e5e; border-bottom:1px solid #e54d42;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background-color:#f5564b; color:#fff;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent !important; border-bottom:1px solid #e54d42; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ background-color: transparent !important; border-color: #6aca00 !important; color:inherit !important;} .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown-menu{left:0; right:inherit;} .nav li:hover > .dropdown-menu{display:block;} /*mega menu*/ /*nav part end*/ /*banner*/ .tp-bannertimer{height:1px !important; background:#4f5265 !important;} .tp-caption.modern_big_redbg {background-color:rgba(44, 62, 79, 0.8); text-transform:uppercase; padding:0 20px; font-weight:800; min-height:67px; line-height:67px; font-size:30px; width:453px;} .tp-caption.modern_m_bluebg {background-color:rgba(229, 77, 66, 0.5); padding:0 20px; font-weight:800; width:453px; min-height:57px; line-height:67px; font-size:30px; text-transform:uppercase;} .modern_m_bluebg_text{color:#fff; text-align:right;} .modern_m_bluebg_text a{display:inline-block; background:#e54d42; color:#fff; width:123px; height:46px; line-height:46px; text-align:center;} .modern_m_bluebg_text a:hover{background:#c13e35; color:#fff;} .tp-rightarrow.default{ background:url(../images/right_arrow.png) no-repeat left top; height:52px; width:52px; display:inline-block; right:30px !important} .tp-leftarrow.default{ background:url(../images/left_arrow.png) no-repeat left top; height:52px; width:52px; display:inline-block; left:30px !important;} /*banner*/ /*testimonials*/ .carousel-control.left, .carousel-control.right{background-image:none;} .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ top:230px !important;} .carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{ left:530px; position: absolute; top:220px; } .carousel-control .icon-next, .carousel-control .fa-long-arrow-right{position: absolute; top:220px; right: 530px;} .carousel-control span{display:inline-block; background:#e54d42; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:35px; height:35px; color:#fff; box-shadow:none; line-height:35px;} .carousel-inner .thumbnail{border:none;} /*welcome*/ .welcome{} .welcome_holder{ text-align:center; padding-bottom:70px;} .welcome .title h2{text-align:center;} .service_block{ text-align:center;} .service_block h3{font-size:18px; font-weight:bold; color:#555555;} /*help*/ .help {background:url(images/help_bg.jpg) no-repeat center top; height:408px;} .help_holder{} .help_holder .title{margin-bottom:20px;} .help_support{font-size:18px; line-height:27px; } .help_block{border:2px solid #e54d42; text-align:center; padding:20px; background:none;} /*awarness*/ .awarness{} .awarness_holder{} .awarness_holder h3{font-size:22px; font-weight:bold;} /*project*/ .project{ background:#2c3e4f;} .project h2{color:#fff;} .project_img_holder{position:relative;} .project_img_holder figure{border:5px solid #fff;} .project_img_holder .price{position:absolute; width:144px; height:53px; line-height:53px; background:#e54d42; text-align:center; color:#fff; right:5px; bottom:5px;} .project_list figure{margin-bottom:30px;} .project_list h3{font-weight:bold; color:#fff;} .project_list p{color:#708fac;} /*testimonials*/ .test-header{text-align:center;} .testimonials{ padding-top:50px; padding-bottom:80px;} .testimonial_thumb figure{border:3px solid #e1e1e1; display:inline-block; margin-bottom:10px;} .testimonial_thumb p{font-weight:bold; text-align:center;} .testimonial_text{width:75%;} .testimonial_text span.fa-quote-left{margin-right:20px; font-size:20px;} .testimonial-thumbnail { float: left;padding:0 10px;} .testimonial-list { margin-bottom: 10px;} .cat-testimonial-image {float: left;padding:0 12px;} .cat-testimonial-image img{width:265px;height:200px;} .testimonial-thumbnail img{width:85px;height:85px;} .testimoinal-client-name { font-size: 18px; } .page-title{text-transform:uppercase;} .entry-title {font-size: 18px;font-weight: 600;} .widget-title{text-transform:uppercase; border-bottom:2px solid #ddd;} /*project*/ .project-thumbnail{ float: left;padding:0 10px;} .project-thumbnail img{width:85px;height:85px;} /*sidebar button*/ .sidebtn {background: #e54d42 none repeat scroll 0 0;border-radius: 5px; color: #fff; display: inline-block; height: 30px; line-height: 30px; font-size:12px; text-align: center; width: 80px; margin-top:-4px; } .project-date { color: #000; font-size: 14px; font-style: italic; font-weight: 600; } /*footer start*/ .entry-footer { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } footer{width:100%; background:#313a3f url(../images/footer_bg.png) no-repeat center bottom; padding:30px 0; position:relative; color:#8c969b; font-size:13px;} .footer_img{background:url(../images/footer_bg.png) no-repeat center top; background-size:cover; position:absolute; top:-197px; left:0; width:100%; height:197px;} footer a{color:#8c969b;} footer h3{color:#fff; padding-bottom:10px; border-bottom:1px solid #3d4950; font-weight:300; font-size:22px; font-weight:normal;} footer ul li a:hover{text-decoration:underline; color:#fff;} .help_col{} .help_col li{line-height:18px;} .help_col li a{display:block;} .help_col li a:hover{text-decoration:none; padding-left:5px; } .footer_col .address li span{ margin-right:10px; } .footer_column li{margin-bottom:10px;} .address li{ margin-bottom:3px;} .footer_social_media a{display:inline-block; margin-right:6px;} .design a span{color:#ff5500;} .design a span:hover{text-decoration:underline;} .footer_last .container{ border-top:1px solid #3d4950; padding-top:20px; font-size:13px; margin-top:56px; text-align:center;} .footer_social_media{margin-top:15px;} .affiliated{margin-top:20px;} .affiliated a{display:inline-block; margin-right:10px;} .footer_social_media p.connect_, .affiliated p.connect_{text-transform:uppercase; font-size:14px; margin-bottom:10px;} .footer_social_media .fa{color:#fff; text-align:center; height:30px; width:30px; line-height:30px; font-size:14px; margin-right:5px;} .footer_social_media a:hover{text-decoration:none;} .footer_social_media .fa-facebook{background:#3b5998;} .footer_social_media .fa-twitter{background:#28a9e0;} .footer_social_media .fa-google-plus{background:#da4835;} .footer_social_media .fa-linkedin{background:#007fb2;} .navbar-default{ border:none !important;} .slider-caption { background: rgba(0, 0, 0, 0) url("images/caption-bg.png") repeat scroll 0 0; color: #fff; left: 0; padding: 40px 0; position: absolute; text-align: center; text-transform: uppercase; top: 50%; width: 100%; } .slider-caption .caption-title { background: rgba(255, 102, 36, 0.77) none repeat scroll 0 0; bottom: 80px; font-size: 40px; left: 100px; line-height: 1; position: relative; text-transform: capitalize; width: 30%; } .slider-caption .caption-description { background: rgba(0, 138, 138, 0.4) none repeat scroll 0 0; bottom: 70px; color: #fff; font-size: 18px; font-weight: 600; left: 100px; line-height: 1.5; max-width: 50%; position: relative; text-transform: initial; } .slider { background: transparent none repeat scroll 0 0; position: relative; } .slider #slider-prev a.bx-prev { background: rgba(0, 0, 0, 0) url("images/left-arrow.png") no-repeat scroll 0 -52px; height: 50px; left: 0; margin-left: 15px; margin-top: -25px; position: absolute; text-indent: -9999px; top: 50%; transition: none 0s ease 0s ; width: 50px; } .slider #slider-prev a.bx-prev:hover { background: rgba(0, 0, 0, 0) url("images/left-arrow.png") no-repeat scroll 0 0; height: 50px; width: 50px; } .slider #slider-next a.bx-next { background: rgba(0, 0, 0, 0) url("images/right-arrow-sprite.png") no-repeat scroll 0 -52px; height: 50px; margin-right: 15px; margin-top: -25px; position: absolute; right: 0; text-indent: -9999px; top: 50%; transition: none 0s ease 0s ; width: 50px; } .slider #slider-next a.bx-next:hover { background: rgba(0, 0, 0, 0) url("images/right-arrow-sprite.png") no-repeat scroll 0 0; height: 50px; width: 50px; } .slider .bx-wrapper .bx-pager.bx-default-pager a { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: none; height: 10px; width: 12px; } .slider .bx-wrapper .bx-pager.bx-default-pager a::after { background: #f98253 none repeat scroll 0 0; transition: none 0s ease 0s ; } .slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 0; position: absolute; width: 100%; } /* #Medai Queries for responsiveness---- */ @media(max-width: 1200px){ } @media(max-width: 992px){ } @media screen and (max-width: 768px) { } @media screen and (max-width: 767px) { h2{font-size:20px;} .pull-right{float:none !important;} .pull-left{float:none !important;} .top_bar .right{ float:none; width:100%; line-height:normal; margin-bottom:10px;} .menu_responsive{ display:inline-block;} .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;} .dropdown-menu{min-width:100%;} .padd_both50{padding-top:20px; padding-bottom:20px;} .help{background:none; height:auto;} .project_img_holder figure img{width:100%;} .tp-caption{display:none;} .navbar-nav .open .dropdown-menu{ background-color:#e54d42;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ color:#b5c3ff; } .project_list{margin-bottom:20px;} .carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{left:100%; top:100%;} .carousel-control .icon-next, .carousel-control .fa-long-arrow-right{ right:100%; top:100%;} .help_block {margin-top:20px;} .logo a{line-height:29px; font-size:24px;} } @media (max-width:600px){ } @media(max-width: 500px){ } @media(max-width: 480px){ .carousel-control .icon-next, .carousel-control .fa-long-arrow-right{right:170px;} .carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{left:170px;} } @media(max-width: 450px){ } @media (max-width: 425px){ } @media(max-width: 360px){ } @media(max-width: 320px){ .carousel-control .icon-next, .carousel-control .fa-long-arrow-right{right:100px;} .carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{left:100px;} }