/* Theme Name:Procurewise Author:Developer Description:A wordpress theme. Version:1.0 */ /*===================Blog List=================*/ a:hover{text-decoration:none !important;} .blog-slider-wrapp ul.blog-slider{float:left; width:100%;} .blog-slider-wrapp ul.blog-slider li{position:relative;} .blog-slider-wrapp ul.blog-slider li img{float:left; width:100%;} .bannerData{float:left; width:50%; left:0; top:50%; transform:translateY(-20%); position:absolute; padding-left:58px; color:#fff;} .bannerData h3{float:left; width:100%; font-family:'Comfortaa-Bold'; font-size:24px; margin:0 0 20px; } .bannerData p{float:left; width:100%; } .blog-slider-wrapp .slideCtrl{padding:0 58px;} /*--slideCtrl--------------------------------------------------------*/ .slideCtrl{float:left; width:100%; font-family:'Comfortaa-Light'; left:0; bottom:70px; position:absolute;} .slideCtrl span,.slideCtrl a{float:left; margin-right:30px; color:#fff; line-height:20px;} .slideCtrl span{margin-right:70px; } .slideCtrl a{padding-left:20px;} .slideCtrl a:last-child{margin-right:0;} .slideCtrl a.slideLike{background:url(../images/heart-icon.png) no-repeat 0 0;} .slideCtrl a.slideChat{background:url(../images/chat-icon.png) no-repeat 0 0;} .slideCtrl a.slideFrwd{background:url(../images/arrow-icon.png) no-repeat 0 0;} .slideCtrl.blackClr a.slideLike{background:url(../images/heart-icon-black.png) no-repeat 0 0;} .slideCtrl.blackClr a.slideChat{background:url(../images/chat-icon-black.png) no-repeat 0 0;} .slideCtrl.blackClr a.slideFrwd{background:url(../images/arrow-icon-black.png) no-repeat 0 0;} /*--Blog List--------------------------------------------------------*/ .blogList-wrapp {padding:0 20px;} .blogList-wrapp .item{padding:0 2px 4px !important; color:#fff;} .blogList-wrapp .item .row{margin:0 -2px;} .blogList-wrapp .item .imgBox{float:left; width:50%; height:470px; background-size:cover !important;} .blogList-wrapp .item .data{float:left; width:50%; height:470px; padding:50px 20px 20px; position:relative;} .blogList-wrapp .item .slideCtrl {padding:0 20px; text-align:center; bottom:20px;} .blogList-wrapp .item .slideCtrl a{float:none; display:inline-block;} .blogList-wrapp .item h5{float:left; width:100%;font-family:'Comfortaa-Bold'; font-size:18px; line-height:24px; margin:0 0 30px;} .blogList-wrapp .item p{float:left; width:100%; min-height: 40px; margin: 0; font-family:'Comfortaa-Light';} .blogList-wrapp .item .button{float:left; width:auto; height:auto; font-size:14px; color:#fff; border:1px solid #fff; padding:7px 20px; margin-top:20px; overflow: hidden; position: relative; transition: 0.2s ease-out;} .blogList-wrapp .item .button span{position: relative; z-index: 2;} .blogList-wrapp .item .button:hover{color: #000;} .blogList-wrapp .item .button:after{content: ""; width: 0; height: 100%; background: #fff; position: absolute; left: 0; top: 0;transition: 0.2s ease-out; } .blogList-wrapp .item .button:hover:after{width: 100%; } /*----------------------------------------------------------------*/ .blogList-wrapp .item.leftArrow .data:after{content:""; width:0; height:0; position:absolute; border-top:15px solid transparent; border-bottom:15px solid transparent; border-right:15px solid #AE90EB; left:-15px; top:50%; transform:translateY(-50%);} .blogList-wrapp .item.topArrow .data:after{content:""; width:0; height:0; position:absolute; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #349cbc; left:50%; top:-15px; transform:translateX(-50%);} .blogList-wrapp .item.rightArrow .data:after{content:""; width:0; height:0; position:absolute; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #AE90EB; left:100%; top:50%; transform:translateY(-50%);} .blogList-wrapp .item.downArrow .data:after{content:""; width:0; height:0; position:absolute; border-left:15px solid transparent; border-right:15px solid transparent; border-top:15px solid #AE90EB; left:50%; top:100%; transform:translateX(-50%);} /*----------------------------------------------------------------*/ .blogList-wrapp .item.downData.greenBg .data{background:#349cbc; } .blogList-wrapp .item.purpleBg .data{ background-image:-moz-linear-gradient( 90deg, rgb(185,134,235) 0%, rgb(165,155,237) 100%); background-image:-webkit-linear-gradient( 90deg, rgb(185,134,235) 0%, rgb(165,155,237) 100%); background-image:-ms-linear-gradient( 90deg, rgb(185,134,235) 0%, rgb(165,155,237) 100%);} /*----------------------------------------------------------------*/ .blogList-wrapp .item.purpleBg .data:after{border-right-color:#AE90EB; } .blogList-wrapp .item.whiteBg .data,.blogList-wrapp .item.whiteBg .slideCtrl a{color:#000;} .blogList-wrapp .item.whiteBg .data,.blogList-wrapp .item.whiteBg .button{border-color:#000; color: #000;} .blogList-wrapp .item.whiteBg .button:after{background: #000;} .blogList-wrapp .item.whiteBg .button:hover{color: #fff;} /*----------------------------------------------------------------*/ .blogList-wrapp .item.rightArrow.whiteBg .data:after{border-left-color:#fff;} .blogList-wrapp .item.topArrow.whiteBg .data:after{border-bottom-color:#fff;} .blogList-wrapp .item.leftArrow.whiteBg .data:after{border-right-color:#fff;} .blogList-wrapp .item.downArrow .data:after{border-top-color:#0a95da;} /*----------------------------------------------------------------*/ .blogList-wrapp .item.full .imgBox{width:75%;} .blogList-wrapp .item.full .data{width:25%;} /*----------------------------------------------------------------*/ .blogList-wrapp .item.downData .imgBox{width:100%;} .blogList-wrapp .item.downData .data{width:100%; height:auto; padding:20px;} .blogList-wrapp .item.downData .slideCtrl{position:relative; bottom:0; margin-top:20px; padding:0;} /*----------------------------------------------------------------*/ .blogList-wrapp .item.upData .imgBox{width:100%;} .blogList-wrapp .item.upData .data{width:100%; height:auto; background:#0a95da; padding:20px;} .blogList-wrapp .item.upData .data h5{ margin: 0; min-height: 80px; padding-top: 15px;} .blogList-wrapp .item.upData .data h5 a{color: #fff;} .blogList-wrapp .item.upData .slideCtrl{width: 35%; position:relative; bottom:0; margin-top:30px; padding:0 0 0 15px;} .blogList-wrapp .item.upData .half{width:65%; float: left;} /*===================Blog Details=================*/ .nomarg{ margin-right:0 !important;} .blog-details-content-wrap{ float:left; width:100%;} .blog-detail-banner{ float:left; width:100%;} .blog-detail-banner .img-box{ float:left; width:100%; position:relative;} .blog-detail-banner .img-box img{ float:left; width:100%;} .blog-details-wrap .slideCtrl a{ margin-right:35px;} .blog-details-wrap .bannerData{ padding-left:35px;} .blog-details-wrap .slideCtrl{padding: 0 35px; bottom:40px;} .blog-details-wrap .date-by-content{ display:inline-block;} .blog-details-wrap .list-option{ display:inline-block;} .blog-details-wrap span{ float:left; margin-right:30px !important;} .blog-details-wrap span.by-data{ padding-left:30px; position:relative;} .blog-details-wrap span.by-data:after{ content:""; position:absolute; top:0; left:0; background:#fff; width:1px; height:15px;} .blog-details-content{ float:left; width:100%; margin:80px 0 40px;} .blog-details-content h2{ float:left; width:100%; font-size:24px; font-family:'Comfortaa-Bold'; color:#414042; line-height:30px; margin:0;} .blog-details-content .date-by-content{ float:left; width:100%; margin:30px 0;} .blog-details-content .date-by-content span{ float:left; font-size:14px; color:#6f6e70; font-family:'Comfortaa-Light';} .blog-details-content .date-by-content span.date{ padding-right:30px; margin-right:30px; position:relative;} .blog-details-content .date-by-content span.date:after{ content:""; position:absolute; top:0; right:0; background:#828183; width:1px; height:15px;} .blog-details-content p{ float:left; width:100%; font-family:'Comfortaa-Light'; color:#414042; margin-bottom:15px;} .blog-details-content .img-box,.blog-details-content .img-box img{ float:left; width:100%} .blog-details-content .img-box{ margin:30px 0 40px;} .blog-details-content .testomonial-data{ float:left; width:100%; margin-bottom:15px;} .blog-details-content .testomonial-data .img-box{ float:left; width:auto; margin:0 40px 0 0;} .blog-details-content .testomonial-data .img-box img{ float:left; width:auto;} .blog-details-content .testomonial-data .data{ overflow:hidden;} .blog-details-content .testomonial-data .data p{ float:left; width:100%; font-size:20px;} .blog-details-content .creative-travel{ float:left; width:100%; border-bottom:solid 1px #ebebeb; padding-bottom:10px; margin:20px 0 40px;} .blog-details-content .creative-travel img{ float:left; margin-right:15px;} .blog-details-content .creative-travel h4{ float:left; width:auto; font-size:12px; font-family:'Comfortaa-Light'; margin:0;} .form-wrap{ float:left; width:100%;} .form-wrap h4{ float:left; width:100%; font-size:18px; font-family:'Comfortaa-Light'; margin-top:0;} .form-wrap p{ float:left; width:100%; font-size:11px; font-family:'Comfortaa-Light'; color:#020202; font-style:italic;} .form-wrap .form-field{ float:left; width:100%;} .form-wrap .form-field .form-group{ margin-bottom:25px;} .form-wrap .form-field .form-control{ border-radius:0; height:50px; line-height:50px; font-size:9px; font-family:'Comfortaa-Light'; border: 1px solid #ebebeb; color:#abaaaa; box-shadow:none;} .form-wrap .form-field .textarea{ height:100px; line-height:normal; padding-top:20px; resize:none;} .form-wrap .form-field .post-btn{ background:none; border:solid 1px #5f45b6; height:32px; color:#5f45b6; padding:0 70px; font-size:13px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; margin-top:10px; outline:none !important; line-height: 32px;} .recent-post-wrap{ float:left; width:100%; margin-top:107px;} .recent-post-wrap h2{ float:left; width:100%; font-size:24px; font-family:'Comfortaa-Bold'; margin:0 0 30px;} .recent-post-wrap .post-box{ float:left; width:100%; margin-bottom:40px;} .recent-post-wrap .post-box:last-child{margin-bottom: 0;} .recent-post-wrap .post-box .img-box,.recent-post-wrap .post-box .img-box img{ float:left; width:100%; margin:0;} .recent-post-wrap .post-box .post-data{ float:left; width:100%; padding:20px 10px 20px 20px; border:solid 1px #ebebeb; position:relative;} .recent-post-wrap .post-box .post-data:after{ content:""; position:absolute; top:-8px; left:50%; transform:translateY(-50%); background:url(../images/arrow-5.png) no-repeat; width:34px; height:19px;} .recent-post-wrap .post-box .post-data p{ float:left; width:100%; font-family:'Comfortaa-Light'; color:#000000; line-height:18px; margin:0;} .recent-post-wrap .post-box .post-data .wishlist-chat-box{ float:left; width:100%; text-align:center; margin-top:20px;} .recent-post-wrap .post-box .post-data .wishlist-chat-box a{ display:inline-block; padding-left:25px; line-height:18px; color:#2d2b2b;} .recent-post-wrap .post-box .post-data .wishlist-chat-box a.wishlist-icon{background: url(../images/heart-icon-black.png) no-repeat 0 0;} .recent-post-wrap .post-box .post-data .wishlist-chat-box a.chat-icon{background: url(../images/chat-icon-black.png) no-repeat 0 0;} .recent-post-wrap .post-box .post-data .wishlist-chat-box a.arrow-icon{background: url(../images/arrow-icon-black.png) no-repeat 0 0;} .recent-post-wrap .post-box .blue-bg{border:0; background:#349cbc; position:relative;} .recent-post-wrap .post-box .blue-bg:after{background:url(../images/arrow-3.png) no-repeat; top:-7px;} .recent-post-wrap .post-box .blue-bg p{ color:#fff;} .recent-post-wrap .post-box .blue-bg .wishlist-chat-box a{ color:#fff;} .recent-post-wrap .post-box .blue-bg .wishlist-chat-box a.wishlist-icon{background: url(../images/heart-icon.png) no-repeat 0 0;} .recent-post-wrap .post-box .blue-bg .wishlist-chat-box a.chat-icon{background: url(../images/chat-icon.png) no-repeat 0 0;} .recent-post-wrap .post-box .blue-bg .wishlist-chat-box a.arrow-icon{background: url(../images/arrow-icon.png) no-repeat 0 0;} /*---------------------------------------------------------------- ~~~ RESPONSIVE START ~~~ ----------------------------------------------------------------*/ @media screen and (max-width:1460px){ .blogList-wrapp .item .imgBox,.blogList-wrapp .item .data{height:400px;} } @media screen and (max-width:1370px){ .blogList-wrapp .item .imgBox,.blogList-wrapp .item .data{height:335px;} } @media screen and (max-width:1244px){ .blogList-wrapp .item.upData .data h5 br{display: none;} } @media screen and (max-width:1140px){ .blogList-wrapp .item.upData .slideCtrl,.blogList-wrapp .item.upData .half{width: 100%;} .blogList-wrapp .item.upData .half{margin: 0; width: 100%;} .blogList-wrapp .item.upData .data h5,.blogList-wrapp .item p{min-height: 20px; padding-top:0;} .blogList-wrapp .item.upData .slideCtrl{margin-top:20px; padding: 0;} } @media screen and (max-width:991px){ .blogList-wrapp .item.full .data,.blogList-wrapp .item.full .imgBox{width:50%;} .blog-slider-wrapp ul.blog-slider .slick-dots{width: auto; right:40px;} } @media screen and (max-width:767px){ .blogList-wrapp .item.upData .data h5 br{display: none;} .blogList-wrapp .item h5{font-size: 15px; margin-bottom: 20px;} } @media screen and (max-width:640px){ .blogList-wrapp .item .imgBox,.blogList-wrapp .item .data{height:300px;} .slideCtrl a{margin-right: 10px;} } @media screen and (max-width:500px){ .blogList-wrapp .item .imgBox,.blogList-wrapp .item .data,.blogList-wrapp .item.full .data, .blogList-wrapp .item.full .imgBox{width: 100%;} .blogList-wrapp .item .data{height: auto; padding:20px 20px 60px;} .blogList-wrapp .item.purpleBg .data:after{border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #A49AEC; border-top:0; left:50%; top:-15px; transform:translateX(-50%);} .blogList-wrapp .item.leftArrow.whiteBg .data:after{border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #fff; border-top:0; left:50%; top:-15px; transform:translateX(-50%);} .blogList-wrapp .item.rightArrow.whiteBg .data:after{border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #fff; border-top:0; left:50%; top:-15px; transform:translateX(-50%);} } @media screen and (max-width:500px){ .footer ul li{} } /*------------------BLOG LIST RESPONSIVE--------------------------*/ @media screen and (max-width:1199px){ .recent-post-wrap{ margin-top:50px;} .recent-post-wrap .post-box{ float:left;} .blog-details-content{margin: 50px 0 0px;} .blog-details-content .date-by-content{margin:20px 0;} } @media screen and (max-width:1024px){ .blog-details-content-wrap .menu a.login-icon{ width:70%; margin:20px 0 0 20px; height:40px; line-height:30px;} .blog-details-content-wrap .menu a:last-child{ border-bottom:1px solid #fff;} .blog-details-wrap .slideCtrl{ bottom:20px;} .bannerData h3{ font-size:20px;} } @media screen and (max-width:991px){ .blog-details-content h2{ font-size:22px; line-height:28px;} .recent-post-wrap{ margin-top:30PX;} .recent-post-wrap h2{ margin-bottom:25px;} .blog-details-content .img-box{margin: 15px 0 30px;} .blog-details-content .testomonial-data .data p{ font-size:18px;} } @media screen and (max-width:767px){ .blog-details-wrap .bannerData{ width:59%; top:50%; transform: translateY(-50%); padding:0 30px;} .bannerData h3 br{ display:none;} .blog-details-wrap{ margin-top:70px;} } @media screen and (max-width:640px){ .blog-details-content{margin: 30px 0 0px;} .blog-details-content .date-by-content{margin: 15px 0;} .blog-details-content h2{ font-size:15px; line-height:18px;} .blog-details-content .testomonial-data .img-box{margin: 0 30px 0 0;} .blog-details-wrap span.date{ padding-right:10px;} .blog-details-wrap span{ margin-right:10px !important; font-size:12px;} .blog-details-wrap .slideCtrl a{margin-right: 15px;} .blog-details-wrap .bannerData{ width:100%;} .bannerData h3{ font-size:16px;} .blog-slider-wrapp .slideCtrl,.blog-slider-wrapp .bannerData{ width:58%; padding:0 20px;} .blog-detail-banner .sliderinfo,.blog-detail-banner .banner-info{ float:left; width:100%;} .blog-detail-banner .sliderinfo span.date{ float:left; width:auto;} body{font-size: 13px;} .blog-details-content .testomonial-data .data p{ font-size:14px;} .form-wrap .form-field .form-group{margin-bottom: 10px;} .blog-detail-banner .bannerData p{ display:none;} .blog-detail-banner span.date{ width:100%; margin-bottom:3px;} } @media screen and (max-width:480px){ .blog-details-wrap .slideCtrl{ bottom:20px;} .blog-details-wrap .date-by-content{ width:100%;} .blog-details-wrap .list-option{ float:left !important;} .blog-details-wrap .bannerData{ top:35%; transform: translateY(-35%);} .bannerData h3{ font-size:14px;} .blog-details-wrap .slideCtrl a{ font-size:12px; line-height:16px;} } @media screen and (max-width:420px){ .blog-details-content .testomonial-data .img-box img{width: 30px;} .blog-details-content .testomonial-data .img-box{margin: 0 15px 0 0;} .blog-details-content .date-by-content span.date{ margin-right:10px; padding-right:10px;} .blog-details-content .date-by-content span{ font-size:12px;} .recent-post-wrap{ margin-top:15px;} } @media screen and (max-width:414px){ .blog-details-wrap{ margin-top:60px;} } @media screen and (max-width:380px){ .blog-details-wrap .bannerData{ top:20%; transform: translateY(-20%);} .bannerData h3{margin-bottom: 10px;} .blog-slider-wrapp ul.blog-slider .slick-dots{bottom: 10px; right: 10px;} .blog-details-wrap .bannerData, .blog-slider-wrapp .slideCtrl{ padding:0 15px;} } @media screen and (max-width:330px){ .blog-details-wrap .slideCtrl{ bottom:10px;} .bannerData h3{ font-size:13px;} } @media screen and (max-width:320px){ .blog-details-wrap .slideCtrl{padding: 0 15px;} .blog-details-wrap .sliderinfo span.date{padding-right: 5px;} .blog-details-wrap .sliderinfo span.by-data{ padding-left:15px;} }