File: /var/www/html/dooblo.cccinfotech.com/wp-content/themes/dooblo/blog-page-header - Copy.php
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<?php wp_head(); ?>
<style>
html {
margin-top: 0px !important;
}
body {
font-family: 'Roboto', sans-serif;
background: transparent !important;
}
h1, h2, h3, h4, h5, h6, p, a{
font-family: 'Roboto', sans-serif;
margin: 0px;
padding: 0px;
}
body ul.blog-page-list li {
position: static;
padding-left: 0px;
margin: 0px;
line-height: normal;
}
h2,h3{
font-size: 20px;
color: #333;
line-height: 36px;
font-weight: 700;
}
.post-left ul li {
position: relative;
padding-left: 20px;
}
ul.single-admin li {
position: static;
padding: 0px;
}
ul.blog-page-list li {
position: static;
padding-left: 0px;
margin: 0px;
}
ul.blog-page-list li::before, ul.single-admin li::before{
display: none;
}
.post-left ul li::before {
content: "\2022";
color: #9ac20f;
font-size: 1.8em;
padding-right: 20px;
position: absolute;
left: 0;
top: 0px;
}
p{
font-size: 14px;
line-height: 25px;
color: #666;
}
html, body, ul, ol,li, button, input, table{
font-family: 'Roboto', sans-serif;
margin: 0px;
padding: 0px;
font-size: 14px;
color: #666;
line-height: 30px;
font-weight: 400;
}
ul{
padding: 0px;
margin: 0px;
}
.left-post-image a
{
display: inline-block;
}
ul li{
list-style-type: none;
display: inline-block;
}
.main-container {
width: 100%;
max-width: 1200px;
margin: auto;
padding: 0px 30px;
}
.header-main {
padding: 44px 0px 40px;
}
.post-main .post-left h1 {
font-size: 30px;
font-weight: 300;
color: #98c33c;
line-height: 36px;
padding: 0px;
margin: 0px 0px 38px 0px !important;
}
.post-main .post-left h1.single-heading {
margin: 0 0 15px 0 !important;
}
.post-main.first-blog .post-left h1 {
margin-bottom: 45px !important;
}
.first-blog .post-right .textwidget ul li {
margin: 0;
padding: 21px 0;
}
.first-blog .post-right h3, .post-main.first-blog .post-right ul li ul {
margin-bottom: 0px !important;
}
.first-blog .hlp ul li:last-child {
padding: 21px 0px;
}
.left-post-content h2 {
font-size: 20px;
color: #333;
line-height: 30px;
font-weight: 700;
margin-top: -7px;
}
.post-right ul li:last-child {
border: none !important;
}
.post-right .textwidget {
width: 100%;
}
.left-post-content ul li {margin: 0px;color: #a8a8a8;font-size: 12px;font-weight: 400;text-transform: capitalize;}
.left-post-image {
padding-right: 30px;
}
.page-id-2278 .post-main .image-content .left-post-image img {
border: 2px solid #b8c2cf;
height: 170px;
width: 300px;
object-fit:contain;
}
.page-id-2278 .post-main .left-post-image {
width: 44%;
}
.page-id-2278 .post-main .left-post-content {
width: 56%;
flex-direction: column;
/* margin-top: -5px;*/
}
.page-id-2278 .post-main .image-content >div {
display: flex;
/*display: table-cell;*/
/*vertical-align: top;*/
}
.post-main .image-content {
display: flex;
flex-direction: row;
padding-bottom: 24px;
}
.post-left {
width: 70%;
padding-right: 30px;
/*display: table-cell;*/
/*vertical-align: top;*/
}
.post-right h3 {
font-size: 16px;
line-height: 40px;
background-color: #a7c161;
color: #fff;
padding: 2px 17px;
margin-bottom: 30px;
font-weight: 500;
letter-spacing: 0.01em;
height:40px;
display:flex;
align-items:center;
}
.post-right ul li a:hover {
color: #a7c161;
}
.left-post-content ul li {
font-size: 12px;
color: #a8a8a8;
font-weight: 400;
line-height: 30px;
padding-right: 5px;
margin-right: 5px;
}
.left-post-content ul li:first-child {
border-right: 2px solid #d0d0d0;
}
.left-post-content p {
font-size: 14px;
color: #666666;
line-height: 20px;
margin-bottom: 9px;
font-weight: 300;
}
.read-more a, .view-main a {
color: #98c33c;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
}
.read-more a img, .view-main img {
margin-left: 7px;
margin-bottom: 2px;
}
.post-main .main-container{
display: flex;
flex-direction: row;
/*display: table;*/
}
.footer .main-container{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
display: table;
}
.footer .main-container >div{
display: table-cell;
}
.footer .footer-center{
text-align: center;
}
.footer .footer-right{
text-align: right;
}
.post-right {
width: 30%;
padding: 0px 0px 0px 30px;
border-left: 1px dashed #98c33c;
/*display: table-cell;*/
/*vertical-align: top;*/
}
.custompagination a, .custompagination span {background: #f3f4f6;width: 39px;height: 39px;display: inline-block;border-radius: 50%;
text-align: center;line-height: 39px;color: #b8c2ce;text-decoration: none !important;position: relative;}
.custompagination .page-numbers.current {background: #99c33d !important;color: #fff !important;}
.prev.page-numbers::before {
content: "";
position: absolute;
background-image: url("/wp-content/uploads/2020/09/navigation_back_selected_arrow.png");
width: 16px;
height: 100%;
background-repeat: no-repeat;
background-position: center;
left: 0;
right: 0;
margin: auto;
background-size: contain;
}
.next.page-numbers::before {
content: "";
position: absolute;
background-image: url("/wp-content/uploads/2020/09/navigation_next_selected_arrow.png");
width: 16px;
height: 100%;
background-repeat: no-repeat;
background-position: center;
left: 0;
right: 0;
margin: auto;
background-size: contain;
}
.prev.page-numbers, .next.page-numbers {
color: transparent !important;
}
.read-more .read-more-btn {display: flex;align-content: center;}
.post-right ul li {
padding: 0 0 17px 0;
/*display: flex;*/
align-items: flex-start;
border-bottom: 1px dashed #98c33c;
margin: 0 0 17px 0;
color: #333;
font-size: 16px;
font-weight: 400 !important;
font-family: roboto !important;
position:relative;
}
.post-right ul li img {
padding: 0 8px 0 0;
}
.hlp ul li:last-child {
border: 0px;
}
.footer {
background-color: #343538;
/* padding:52.5px 0px;*/
padding:27.5px 0px;
}
.footer p {
color: #b8c2cf;
font-size: 14px;
line-height: 20px;
font-weight: 300;
font-family: roboto;
text-transform: capitalize;
}
.footer-right ul li:first-child {
margin: 0px;
padding: 0px;
}
.footer-right ul li {
padding: 0 0 0 20px;
}
.post-main {
margin-bottom: 30px;
}
.tab {
overflow: hidden;
border-bottom: 3px solid #a7c161;
}
.post-right .tabcontent .widget-title {
display: none;
}
.custompagination .next.page-numbers {
margin-right: 5px;
}
.post-right .view-main .view-btn {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 14px;
color: #98c33c;
justify-content: flex-end;
}
.post-right .view-main .view-btn span {
display: block;
padding: 3px;
margin-top: -4px;
}
/* Style the buttons inside the tab */
.tab button {
background-color: #fff;
float: left;
border: none;
outline: none;
cursor: pointer;
padding:0px;
transition: 0.3s;
font-size: 12px;
font-weight: 700;
color: #666;
text-decoration: none !important;
height: 40px;
text-transform:uppercase;
}
.single-admin {
margin-top: 6px !important;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #98c33c;
color: #fff;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #a7c161;
border-top: none;
}
button.tablinks.allactive {
background-color: #a7c161;
color: #fff;
}
.rpwwt-widget .rpwwt-post-excerpt a,#Popular .wpp-excerpt a{
color: #98c33c !important;
font-size: 14px;
}
.title-post-main {
text-decoration: unset !important;
display: inline-block;
}
.mx-num {
display: inline-block !important;
font-size: 16px;
font-weight: 300;
margin-left: 7px;
}
.post-right ul li a {
color: #333;
text-decoration: none;
/*display: flex;*/
align-items: center;
flex-wrap: wrap;
line-height: 16px;
}
/*a:hover {
color: #818285 !important;
}*/
.footer-left ul li {
margin-left: 0px !important;
}
/*====single post css start here=====*/
p {font-size: 14px;color: #666666;line-height: 30px;font-weight: 300;}
.single-heading {margin-bottom: 2px !important;}
.single-admin li, .single-admin {margin: 0px !important;color: #a8a8a8 !important;font-size: 14px;line-height: 30px;font-weight: 400;
text-transform: capitalize;}
.single-post-cst p {margin: 15px 0px;font-weight:400;line-height:23px;}
.single-post-cst img {margin: 40px 0px;object-fit: cover;width: 100%;border: 2px solid #b8c2cf;}
.single-post .post-right .tab {display: flex;justify-content: space-between;}
.single-post .post-right .tab .tablinks {
border: 1px solid #cccccc85;
width: 33.333%;
}
.single-post .post-right .tab .tablinks:last-child {
border-left: 0px !important;
}
.single-post .post-right ul li img {
width: 147px !important;
height: 83px !important;
object-fit: cover !important;
margin: 0px 14px 0px 0px !important;
padding: 0px !important;
display: block !important;
max-width: 147px;
border: 2px solid #b8c2ce;
}
.rpwwt-post-excerpt a, .wpp-excerpt a {
color: #98c33c;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin-top: 48px !important;
display: block;
position: relative;
width: 125px;
}
.single-post .rpwwt-post-excerpt, .wpp-
excerpt {
font-size: 16px;
color: #333;
line-height: 20px;
font-weight: 400 !important;
font-family: roboto;
padding-top:20px;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title {
position: absolute;
left:158px;
top: 0px;
font-weight: 700;
line-height:20px;
}
/*.post-main .post-right ul li ul {
margin-bottom: 34px !important;
}*/
.single-post .post-right .tabcontent ul li {
border: none !important;
margin: 20px 0px 20px !important;
align-items: flex-start !important;
}
.single-post .post-right .tabcontent {
border: none !important;
padding: 0px !important;
}
.wpp-list.wpp-list-with-thumbnails {
margin: 0px !important;
}
.rpwwt-post-excerpt a::before, .wpp-excerpt a::before {
content: "";
background-image: url(/wp-content/uploads/2020/09/arrow_16x16.png);
background-size: contain;
width: 16px;
height: 16px;
right: 62px;
position: absolute;
background-repeat: no-repeat;
background-position: right;
top: -1px;
}
.widget_categories .cat-item a, html body .widget_categories li.cat-item {
color: #818285 !important;
}
.page-template-view-all-release-notes .post-right .textwidget {
width: 275px;
}
.single-post-cst ul li{
display:block;}
/**********30-9-2020 single post more articles**********/
div#rpwwt-recent-posts-widget-with-thumbnails-2 {width: 100%;}
.post-right #recent-posts-widget-with-thumbnails-2 ul li a {width: auto;}
.post-right #recent-posts-widget-with-thumbnails-2 .rpwwt-post-excerpt {width: 100%;}
.post-right #recent-posts-widget-with-thumbnails-2 .rpwwt-post-excerpt a {width: auto !important;}
.tptn_counter {display: none;}
/*********releases note page css 21-9-2020********/
.releases-note ul li:first-child {border-right: none;}
.releases-note ul li {display: flex; padding: 0 0 17px 0; margin: 0 0 17px 0px; align-items: center; border-bottom: 1px dashed #98c33c;}
.releases-note ul li a { font-size: 16px; color: #333; font-weight: 400; font-family: 'Roboto';}
.releases-note ul li a img {padding: 0 8px 0px 0px;}
.post-right UL LI{
width: 100%;
}
.post-right ul >li#text-4 {
border: 0px;
}
.view-main {
text-align: right;
}
.post-right #recent-posts-widget-with-thumbnails-2 .rpwwt-post-excerpt a {
width: auto !important;
display: inline-block;
padding-right: 22px !important;
}
.rpwwt-post-excerpt a::before, .wpp-excerpt a::before{
right: 0 !important;
}
.single-post .left-post-image.single-post-cst iframe {
width: 100%;
}
.postion_fix img {
position: absolute;
left: 0;
top:0;
}
.postion_fix {
position: relative !important;
padding: 0px 0px 17px 40px !important;
}
/*********pawan*30-10-2020************/
.post-right ul li.postion_fix:last-child {
margin-bottom: 13px;
}
.mb-handy ul li:last-child {
margin-bottom: 0;
}
.mb-handy h3 {
margin-bottom: 18px;
}
/******END***************/
/********media*****/
@media(max-width:1200px){
.single-post .rpwwt-post-excerpt, .wpp-excerpt {font-size: 14px;}
.rpwwt-post-excerpt a, .wpp-excerpt a {
font-size: 14px;
width: 107px;
}
.single-post-cst img {
height: auto !important;
width:100% !important;
}
.post-right h3 {width: auto !important;}
.post-right .textwidget {width: 100%;}
.post-main .image-content { flex-wrap: wrap;}
.post-main .image-content .left-post-image {flex: auto !important;}
.post-left {padding-right: 30px;}
.post-main .image-content .left-post-image img {width: auto;}
.rpwwt-post-excerpt a::before, .wpp-excerpt a::before {content:"";right: 70px;}
#rpwwt-recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title {left: 177px;}
.page-id-2278 .post-main .image-content .left-post-image img {
height: auto;
width: 260px;
}
.page-id-2278 .post-main .mobile-container .image-content .left-post-image img, .page-id-2278 .post-main .image-content .left-post-image img {
height: 100% !important;
width: 100% !important;
}
.page-id-2278 .post-main .mobile-container .left-post-image, .page-id-2278 .post-main .left-post-content {
width: 100% !important;
margin-bottom: 22px !important;
display: block;
margin-top: 20px;
}
.page-id-2278 .post-main .mobile-container .left-post-content, .page-id-2278 .post-main .image-content > div {
width: 100% !important;
display: block;
}
.post-right ul li a {
flex-wrap: nowrap;
}
.post-right h3{
padding: 2px 10px;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title {
position: static;
width: 100%;
display: inline-block;
}
.post-right ul li, .post-right ul li a {
/*display: flex !important;*/
align-items: center;
}
.post-right div#rpwwt-recent-posts-widget-with-thumbnails-2 ul li, .post-right div#rpwwt-recent-posts-widget-with-thumbnails-2 ul li a {
display: inline-block !important;
align-items: flex-start;
flex-direction: column;
}
.rpwwt-post-excerpt a, .wpp-excerpt a{
padding: 0px !important;
}
.post-right #recent-posts-widget-with-thumbnails-2 .rpwwt-post-excerpt a
{
margin: 0px !important;
display: inline-block !important;
}
.single-post .post-right ul li img {
margin-bottom: 14px !important;
}
}
@media(min-width:991px){
/*.custompagination {
margin-top: -28px;
}*/
#rpwwt-recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title{
font-size: 16px !important;
}
.postion_fix img {
top: 0 !important;
}
}
@media(max-width:767px) and (min-width:320px){
html .post-left, html .post-right { width: 100% !important;padding: 0px !important;}
.post-main .main-container {flex-direction: column; flex-wrap: wrap;}
.post-right {margin-top: 37px;border: none !important;}
.footer .main-container {flex-wrap: wrap;justify-content: center;text-align: center;flex-direction: column;}
.footer p {margin-top: 18px;margin-bottom:18px;}
.post-left, .post-right, .page-id-2278 .post-main .image-content>div{display: block;}
.post-right ul li img { padding: 0 6px 0 0;}
.post-right ul li{font-size: 14px;}
.post-right h3{
padding: 2px 10px;
}
div#rpwwt-recent-posts-widget-with-thumbnails-2 .widget-title {
padding-left: 6px;
}
}
/************2-10-2020 here**************/
@media screen and (min-width:767px) and (max-width:980px){
#rpwwt-recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title {
left: 155px !important;
}
.post-right ul li, .post-right ul li a {
display: inline-block !important;
align-items: center;
}
.post-right ul li a{
font-size:14px;
flex-wrap: nowrap;
word-break: break-word;
}
.post-right h3{
font-size:14px;
}
}
@media screen and (max-width:767px){
.post-main .main-container.mobile-container {
flex-direction: column !important;
display:block;
}
.post-main .mobile-container .image-content {
flex-wrap: nowrap !important;
flex-direction: column !important;
display:block;
}
.footer .main-container{
display: block;
}
.footer .main-container >div{
display: block;
}
.footer .footer-center{
text-align: center;
}
.footer .footer-right{
text-align: center;
}
.single-post em {
word-break: break-all;
}
.left-post-image {
padding-right: 0px;
}
.page-template-view-all-release-notes .post-right .textwidget {
width: 100%;
}
.post-main .image-content{
padding-bottom: 10px;
}
}
@media screen and (min-width:490px) and (max-width:767px){
}
@media screen and (min-width:365px) and (max-width:390px){
.mobile-container .post-right ul li a {font-size:14px;}
}
@media screen and (max-width:365px) {
.single-post #rpwwt-recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title {
left: 158px !important;
}
.single-post .rpwwt-post-excerpt a::before, .wpp-excerpt a::before {
right: 0px !important;
}
}
@media screen and (min-width:981px){
.post-right ul li.postion_fix {
display: inline-block !important;
}
}
@media screen and (min-width:1201px){
#rpwwt-recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title {
overflow: hidden;
height: 60px;
}
}
/*******End*********/
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-5L4HM3M');</script>
<!-- End Google Tag Manager -->
</head>
<body <?php body_class(); ?>>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="
https://www.googletagmanager.com/ns.html?id=GTM-5L4HM3M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="header-main">
<div class="main-container">
<?php dynamic_sidebar( 'Blog-Header-Logo' ); ?>
</div>
</div>