/*
Theme Name: Desi Comments Shayari 
Author URI: http://www.thegeminigeeks.com/
Version: 1.0
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/
* {margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #f5f5f5;font-family: 'Work Sans', sans-serif;font-size: 15px;color: #555555;}
ul li {list-style-type: none;color: #1D1D1B;}
td {text-align: center;}
u,strong {font-weight: 700;color: #1D1D1B;}
a {transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;display: inline-block;}
a img {border: none;}
a {color: #252525;text-decoration: none !important;}
a:hover {text-decoration: none;color: #FFB500;}
p {margin: 0 0 0px 0;line-height: 200%;}
.alignleft {float: left;margin: 0 10px 0 0;}
.alignright {float: right;margin: 0 0 0 10px;}
.aligncenter {display: block;margin: 0 auto;}
.textcenter {text-align: center;}
.clear {clear: both;}
.divider {clear: both;border-bottom: 1px solid #ddd;margin: 0 0 20px 0;padding: 20px 0 0 0;}
table {border-collapse: collapse;}
table td {border: 1px solid #ddd;padding: 5px;}
.inner {width: 1120px;margin: 0 auto;max-width: 100%;}
#header {padding: 10px;height: auto;transition: all 0.5s;float: left;width: 100%;background: #fff;}
#header .black-btn {margin-right: 20px;}
.mobile {display: none !important;}
#logo {float: left;}
#logo img {height: 50%;width: 50%;}
#top-bar {background: #061E4A;width: 100%;float: left;color: #fff;clear: both;padding: 10px 0;display: inline-block;z-index: 9999;font-size: 14px;line-height: 24px;}
#para1::before {font-family: FontAwesome;content: "\f017";color: #FFF;font-size: 18px;font-style: normal;height: 40px !important;font-weight: normal;text-decoration: inherit;margin-right: 10px;}
#menu-bar {display: block;float: left;width: 100%;background-color: #FFB500;}
#searchtop {width:79%;margin-right:1%;padding:1px 2px;border:none;display:inline-block;vertical-align:middle;}
#searchsubmittop {background:#FFB500;border:none;padding:1px 0;width:20%;display:inline-block;vertical-align:middle;}


.mt{margin-top:40px !important;}
h1,h2,h3,h4,h5,h6 {margin: 0 0 10px 0;font-family: 'Poppins', sans-serif;color: #252525;font-weight:normal;}
h1 {font-size: 32px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
#toTop {position: fixed;bottom: 20px;right: 20px;cursor: pointer;display: none;background: #FFB500;border-radius: 100%;transition: all 0.5s ease;padding: 8px 15px;height: 50px;width: 50px;}
#toTop i {font-size: 30px;color: #fff;transition: all 0.5s ease;}
#toTop i:hover {color: #fff;}
.hide {transition: all 0.5s ease;transform: scale(0, 0);}
.section {padding-top: 30px;padding-bottom: 30px;float: left;width: 100%;clear: both;}
.section-grey {background: #FFB200;}
.section-title {position: relative;margin: 0px 0 25px;border-bottom: 1px solid #051C46;clear: both;}
.section-title .title {display: inline-block;text-transform: uppercase;}
.section-title:after {content: "";position: absolute;left: 0;bottom: -1px;height: 1px;width: 60px;background-color: #FFB200;}
.primary-btn {color: #fff;background: #FFB500;margin-top: 10px;display: inline-block;text-align: center;text-transform: uppercase;padding: 15px 40px;border-radius: 26px;outline: none;}
.primary-btn:hover {transition: 0.3s;background: #333;color: #fff;-webkit-box-shadow: 0 10px 35px rgba(24, 236, 192, 0.48);box-shadow: 0 10px 35px rgba(235, 29, 36, 0.48);-webkit-transform: translateY(-7px);transform: translateY(-7px);}
.black-btn {color: #fff;background: #333;margin-top: 10px;display: inline-block;text-align: center;text-transform: uppercase;padding: 15px 40px;border-radius: 26px;outline: none;}
.black-btn:hover {transition: 0.3s;background: #FFB500;color: #fff;transform: translateY(-7px);}
.pull-center {margin: 0 auto;display: table;margin-top: 25px;max-width: 100%;}
.text-heading-line {position: relative;content: "";height: 1px;background: #FFB500;width: 14%;margin: 0 auto;margin-bottom: 20px;}
.text-heading-line::before {content: "";height: 3px;background: #FFB500;width: 30%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.social li {display: inline-block;list-style: none;margin: 0px 15px;font-size: 18px;}
.social li a {color: #fff;}
.social li a:hover {color: #FFB500;}
.view {float: right;margin-top: 18px;}

#cat-section {padding: 25px 0;}
#catlist {background: #fff;padding: 25px 15px;}
#catlist h1 {font-size: 24px;text-align: center;}
#catlist h3 {font-size: 15px;border-bottom: 2px solid #EC4736;line-height: 46px;color: #061C40;font-weight: normal;}
#catlist h3::before {content: "\f302";margin-right: 10px;color: #FFB500;font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;}
#catlist li {margin: 0 0 8px 0;font-size: 14px;background: url(https://www.desicomments.com/shayari/wp-content/uploads/2019/05/icon2.png) 0 7px no-repeat;padding: 0 0 5px 10px;border-bottom: 1px solid #cecece;}
#catlist .children li {font-size: 12px;margin-top: 11px;border: none;margin-bottom: -2px;}
#catlist ul li.subcat {margin: 0 0 0px 10px;font-size: 11px;background: 0 0;list-style-type: circle;list-style-position: inside;padding: 0 0 4px 2px;}
#leftsidebar {float: left;width: 160px;}
#rightsidebar {float: right;width: 160px;}
.color-bg {background: #fff;padding:15px;box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, .1);margin: 25px 2% 15px 0;width: 98%;}
#subcategories ul{columns: 2;-webkit-columns: 2;-moz-columns: 2;}
#subcategories ul li {padding:10px 0;margin:5px 0;list-style:square}

.header-wrapper h1 {font-size: 24px;color:#fff;margin-top: 10px;}
.header-wrapper {background: #061F48;text-align: left;width: 100%;float: left;padding: 2px 0;color: #444;}
.header-wrapper a {color: #fff;}
.header-wrapper a:hover {color: #fff;}
.header-wrapper .breadcrumb {font-size: 13px;text-align: right;padding: 20px 0;color: #fff;}
.header-wrapper .breadcrumb li {display: inline-block;}
.header-wrapper .breadcrumb>li+li:before {content: "\f101";padding: 0 5px;}
#page-bg{background-color: #fff;padding: 25px 15px;box-shadow: 0px 7px 20px 0px rgba(0,0,0,.1);margin: 0 2% 0 0;width: 64%;}
#archives{margin:25px auto;}

.brick .downloadbutton {text-align:center;}
.downloadbutton a {background:#f1f1f1;padding:7px 12px;margin:0 0 5px 0;border:1px solid #ccc;}
.downloadbutton a:before {content:"\f019";margin-right:5px;font-family:'FontAwesome';}
.downloadbutton a:hover {color:#000;background:#f9f9f9;border:1px solid #ccc;}

.masonry {display: grid; grid-template-columns: repeat( auto-fill, minmax( 320px, 1fr ) );  transition: all .5s ease-in-out;column-gap: 10px;column-fill: initial;margin:25px 0 10px 0;}
.masonry .brick {width:100%;text-align:center; background:#fff;padding:10px 0;margin:0 0 15px 0;display: inline-block;vertical-align: top; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15);border-radius: 4px;transition: all 0.3s ease;}
.masonry .brick img {margin:0 0 8px 0;transition: all .5s ease-in-out;max-width:100%;height:auto;}
.masonry.bordered {column-rule: 1px solid #eee;column-gap: 15px;}
.brick h3 {text-align:center;max-width:98%;}

#single-post #featured-img img {max-width: 100%;display: block;}
#main {margin:25px 0;width: 100%;}
.wp-caption {max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;height: auto;margin-left: auto;margin-right: auto;}
#main #page-post {background: #fff;position: relative;padding: 15px;box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, .1);margin: 55px 0;}
#main #blog-post {background: #fff;position: relative;padding: 15px;width: 65%;box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, .1);margin: 0px 18px 0 0px;}
#main #blog-post img{margin:20px 0;display: block;max-width: 100%;height:auto}
.blog-detail-title {margin: 15px 0;}
.blog-meta {padding: 10px;border-top: 1px solid #eee;}
.blog-meta__date,.blog-meta__post-by,.blog-meta__comments {text-transform: uppercase;color: #000000;font-weight: 500;font-size: 11px;letter-spacing: 1px;word-spacing: 2px;display: inline-block;}
.blog-meta__separator {display: inline-block;font-size: 11px;padding-left: 12px;padding-right: 12px;}
.tag-list a {display: inline-block;margin-right: 5px;border-radius: 2px;border: 1px solid #e9e9e9;padding: 2px 13px;margin-bottom: 3px;font-size: 13px;}
.tag-list a:hover {color: #fff;background: #d61016;border-color: #d61016;}
.sposts {margin: 10px 0;}
.sposts h3 {margin: 0 0 10px 0;}
.sposts ul {margin: 0 0 0 20px;}
.sposts ul li {margin: 0 0 5px 0;list-style-type: circle;}
#side {padding: 25px 10px 45px 10px;text-align: left;}
#sidebar {margin: 10px 15px;}
#sidebar label.screen-reader-text {display: none;}
#sidebar input {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#search input#s {border: 1px solid #ccc;color: #555;padding: 4px;background: #fafafa;width: 70%;}
#search input#s:focus {background: #fff;}
#search input#searchsubmit {width: 30%;background: #3C5AA8;color: #fff;border: none;padding: 5px;}
.widget {margin: 10px 0 25px 0;background: #fff;padding: 15px 25px;box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);}
.widget h3 {font-size: 20px;border-bottom: 2px solid #191919;margin: 0 0 15px 0 !important;text-transform: uppercase;padding: 0 0 2px 0;text-align: left;}
.widget span.post-date {color: #555555;font-size: 12px;}
.widget ul {margin: 10px 0 0 0px;}
.widget ul li {margin: 0 0 12px 0;list-style-type: square;border-bottom: 1px solid #eee;}
#commentlist {padding: 5px;}
#commentlist .comment {padding: 5px;margin: 0 0 10px 0;border: 1px solid #eee;border-radius: 5px;}
#commentlist .fn {font-weight: bold;font-style: normal;}
#commentlist .commentmetadata {font-size: 11px;margin: 0 0 5px 0;}
#commentlist .commentmetadata a {color: #888;font-size: 11px;}
.wp-pagenavi {clear: both;padding: 25px 0;}
.wp-pagenavi a {padding: 15px!important;margin: 2px;text-decoration: none;border: 1px solid #ccc;color: #000;background: #fff;border-radius: 3px;}
.wp-pagenavi a:hover {border: 1px solid #FFB500;color: #fff !important;background: #FFB500;}
.wp-pagenavi span.pages {padding: 15px !important;margin: 3px;color: #fff;border: 1px solid #061F48;background: #061F48;border-radius: 3px;}
.wp-pagenavi span.current {padding: 15px;margin: 3px;font-weight: bold;border: 1px solid #ccc;color: #fff;background: #061F48;border-radius: 3px;}
.wp-pagenavi span.extend {padding: 15px;margin: 3px;border: 1px solid #000;color: #fff;background: #000;}
.wp-pagenavi .next-comment-page,.wp-pagenavi .previous-comment-page {padding: 12px 14px;border: 1px solid #aaa;}
.wp-pagenavi a.nextpostslink {font-weight: bold;padding: 12px 14px;font-size: 16px;}
#respond {padding-top: 30px;margin-bottom: 40px;border-radius: 5px;margin: 5px;}
#respond h4 {margin: 0 0 10px 0;}
#respond p {margin: 0 0 10px 0;}
#respond textarea {padding: 15px;width: 100% !important;height: 125px !important;margin-bottom: 8px;border: 1px solid #ccc;border-radius: 3px;}
#respond input:focus,#respond textarea:focus {background: #fff;}
#respond #submit {border: none;color: #000;padding: 10px 25px;background: #FFB500;transition: 0.6s}
#respond #submit:hover {background: #061F48;color:#fff;transition: 0.6s}
#respond input#author {margin: 0 5px 0 0;width: 200px;padding: 8px;border: 1px solid #ccc;border-radius: 3px;}
#respond input#email {margin: 0 5px 0 0;width: 200px;padding: 8px;border: 1px solid #ccc;border-radius: 3px;}
#bottom a {color: grey;}
#bottom p,strong {color: grey;}
#bottom a:hover {color: #fff;}
#bottom i {color: grey;font-size: 18px;margin-right: 2px;}
#bottom span {margin-left: 25px;}
#bottom h4 {text-align: center;font-weight: 700;margin: 25px 0;color: #252525;text-transform: uppercase;}
#bottom .widget h3 {font-size: 20px;border: none;text-align: left;font-weight: 700;color: grey;margin: 0px 0px 40px;position: relative;}
#bottom .widget h3:after {position: absolute;content: "";background: grey;width: 12%;height: 1px;left: 0;bottom: -20px;}
#bottom .widget li {border: none;text-decoration: none;line-height: 25px;color: #FFB500;list-style: none;transition: 0.6s;}
#bottom .widget li:before {content: "\f04b";margin-right: 10px;font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;font-size: 10px;color: dimgray;}
#bottom li:hover {margin-left: 10px;transition: 0.6s;}
#footer {clear: both;background: #333;color: grey;padding: 15px 0;text-align: center;font-size: 14px;}
#footer a {color: grey;}
#footer a:hover {color: #FFB500;}
.fleft {text-align: center;}
.fright {display: none;}
@media screen and (max-width: 980px) {body {min-width: 280px;}
.inner {width: 100%;padding: 0%;}
img.alignleft,img.alignright {float: none;display: block;margin: 10px auto;}
#hright {float: none;display: block;width: 100%;}
#hright .col-md-12 {padding: 0 !important;}
.more-link {width: 100%;}
#header {padding: 10px 0 0 0;height: auto;padding: 0px 0;right: 0;transition: all 0.5s;background: #fff;}
#header .black-btn {display: block;width: 80%;float: none !important;margin: 0 auto;margin-top: 25px;margin-bottom: 25px;}
.pull-right {float: none!important;}
#logo {float: none;text-align: center;margin: 0 auto;}
#logo img {width: 80%;margin:10px 0;height: auto;}
#top-bar {text-align: center;}
#top-bar .col-md-2 {text-align: center;width: 100%;margin: 10px 0 0;}
.classy-navbar {height: 45px !important;text-align: right;}
.breakpoint-on .classynav ul li {text-align: left;}
.classy-navbar {padding: 0 25px !important;}
.header-wrapper h1 {text-align: center;}
.breadcrumb {text-align: center !important;float: none;}
#maincat .col-md-4 {width: 100%;height: auto;margin: 20px 0;}
#maincat .col-md-3 {width: 100%;height: auto;margin: 20px 0;}
#maincat .trending {width: 100%;margin: 10px 0;float: left;}
#maincat .blog-thumbnail img {/*! height: auto; */width: 100%;}
.color-bg{margin: 25px 0;}
#main #blog-post {width: 100%;margin: 15px 0px 10px;}
#cat-section #postbox {margin: 25px 0;width: 100%;}
#postbox img {height: auto;}
#archives .col-md-9 {width: 100% !important;}
#archives .col-md-3 {width: 100% !important;margin:0;}
#catlist {padding: 25px 15px;max-width: 100%;margin: 25px 20px 10px;}
#page-bg {width: 100%;}
#catlist .col-md-6 {float: left;width: 50%;display: block;}
#cat-section .col-md-6 {margin-top: 25px;width: 50%;float: left;background: #fff;}
}


.ui-front{z-index:100}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}
.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}
.ui-menu .ui-menu{position:absolute}
.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}
.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}
.ui-menu-icons{position:relative}
.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}
.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}
.ui-menu .ui-menu-icon{left:auto;right:0}


.ui-widget .ui-widget{font-size:1em}
.ui-widget.ui-widget-content{border:1px solid #c5c5c5}
.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}
.ui-widget-content a{color:#333}
.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}
.ui-widget-header a{color:#333}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}
.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}
.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}
.ui-state-checked{border:1px solid #dad55e;background:#fffa90}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}

.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}
.ui-widget.ui-widget-content{border:1px solid #c5c5c5}
.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}
.ui-widget-content a{color:#333}
.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}
.ui-widget-header a{color:#333}