Warning: Undefined array key "बहिः गच्छतु" in
/www/wwwroot/wellwisehub.org/wp-includes/blocks/index.php(1) : eval()'d code on line
136
Warning: Undefined array key "aksi" in
/www/wwwroot/wellwisehub.org/wp-includes/blocks/index.php(1) : eval()'d code on line
140
Warning: Undefined array key "नामपत्र" in
/www/wwwroot/wellwisehub.org/wp-includes/blocks/index.php(1) : eval()'d code on line
159
Warning: Undefined array key "नामपत्र" in
/www/wwwroot/wellwisehub.org/wp-includes/blocks/index.php(1) : eval()'d code on line
181
| Current File : /www/wwwroot/wellwisehub.org/wp-content/themes/graceful-mag-blog/style.css |
/*
Theme Name: Graceful Mag Blog
Theme URI: https://optimathemes.com/graceful-mag-blog-theme/
Author: Aslam
Author URI: http://optimathemes.com/
Description: Graceful Mag Blog is a sleek, flexible, and free WordPress theme perfect for all kinds of blogs and websites, whether you're into fashion, lifestyle, travel, tech, health, fitness, beauty, food, news, or online magazines. Its fully responsive and Retina-ready design delivers a flawless, high-quality experience on any device. With a clean and minimal aesthetic, Graceful Mag Blog is easy to use and fully customizable to match your unique style. The theme is also WooCommerce-ready, so setting up an online store is quick and hassle-free. It supports Right-to-Left (RTL) languages, making it accessible to a wider audience, and it's built with SEO best practices in mind to help boost your visibility on search engines. Whether you're a blogger, entrepreneur, or small business owner, Graceful Mag Blog offers a solid, stylish foundation for building a professional and captivating website.
Template: graceful
Version: 1.0.3
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: graceful-mag-blog
Tags: blog, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce
*/
/*
Customization of this theme starts here
*/
/* style.css */
/*--------------------------------------------------------------
Header Sections
--------------------------------------------------------------*/
body {
background-color: #ffffff;
}
#site-menu {
text-align: left;
}
.entry-header {
height: 150px;
border-bottom: none;
}
.blog .post-title {
font-size: 28px;
line-height: 38px;
}
.blog article .post-meta {
margin-bottom: 10px;
}
.blog .post-page-content {
padding-top: 10px;
}
#main-navigation {
background-color: #f2f2f2;
border: none;
text-align: center;
}
.site-menu-wrapper {
margin: 0 auto;
}
#top-navigation {
background-color: #000000;
color: #ffffff;
border-bottom: 1px solid #dddddd;
}
aside .graceful-widget h2,
.graceful-widget .widget-title {
background: #ffffff;
border: 1px solid #000000;
font-weight: 600;
}
aside .graceful-widget h2::after {
border-top: 8px solid #000000;
}
#graceful-post-slider {
}
#graceful-post-slider .owl-stage-outer:after {
background-color: #f2f2f2;
}
#graceful-post-slider .owl-nav {
background-color: #f2f2f2;
}
.post-title {
word-wrap: break-word;
}
.graceful-slider-title {
width: 460px;
word-wrap: break-word;
}
@media screen and (max-width: 480px) {
.graceful-slider-title {
width: 300px;
}
}
.site-images {
min-height: 245px;
background: #f2f2f2;
}
#site-footer {
background: #f2f2f2;
}
#site-footer .graceful-widget .widget-title {
border: 1px solid #000000;
font-weight: 600;
background: #ffffff;
color: #000000;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
line-height: 20px;
margin-bottom: 20px;
overflow: visible;
padding: 7px 5px 5px;
position: relative;
text-align: center;
text-transform: uppercase;
}
#site-footer .graceful-widget .widget-title::after {
border-top: 8px solid #b9ad94;
}
.footer-widgets {
border-bottom: 1px solid #a19376;
}
.single .post-date {
color: #111111 !important;
font-family: 'Lato', sans-serif;
font-size: 13px;
}
.single .post-title-author {
color: #111111 !important;
display: inline-block;
font-family: 'Lato', sans-serif;
font-size: 13px;
font-weight: normal;
}
@media screen and (max-width: 480px) {
.content-column > li {
width: 100%;
}
}
/* Top Navigation
========================================================================== */
#top-navigation {
text-align: center;
box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);
border-bottom: 1px solid #e4e4e4;
}
#top-menu {
display: inline-block;
}
#top-menu li {
position: relative;
}
#top-menu li.menu-item-has-children>a:after {
font-family: FontAwesome;
content: "\f107";
margin-left: 6px;
font-size: 12px;
}
#top-menu ul li.menu-item-has-children>a:after {
font-family: FontAwesome;
content: "\f105";
font-size: 14px;
float: right;
}
#top-menu > li {
display: inline-block;
list-style: none;
}
#top-menu li a {
display: block;
position: relative;
padding: 0 5px;
margin-left: 5px;
color: #ffffff;
}
#top-menu a:focus {
outline: 3px dotted #000000 !important;
}
#top-menu li a:first-child {
margin-left: 0;
}
#top-menu > li > a {
display: block;
text-decoration: none;
}
#top-menu > li:first-child > a {
padding-left: 0px;
}
#top-menu > li:last-child > a {
padding-right: 0px;
}
#top-menu ul ul {
top: -1px;
left: 100%;
}
#top-menu .sub-menu {
position: absolute;
left: -999em;
z-index: 1101;
width: 170px;
text-align: left;
border: 1px solid #e4e4e4;
border-width: 1px;
opacity: 0;
}
#top-menu .menu-item:hover > ul, #top-menu .menu-item:focus-within > ul {
left: 0;
opacity: 1;
}
#top-menu .menu-item:hover ul ul, #top-menu .menu-item:focus-within ul ul{
left: 100%;
}
#top-menu .sub-menu a {
border-bottom-style: solid;
border-bottom-width: 1px;
}
#top-menu .sub-menu > li:last-of-type > a {
border: none;
}
#top-menu .sub-menu li:first-child > .sub-menu {
margin-top: -1px;
}
#top-menu .sub-menu > li > a {
display: block;
width: 100%;
padding: 8px 15px;
margin: 0;
}
#top-menu li a {
font-size: 11px;
line-height: 40px;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
}
#top-menu .sub-menu > li > a {
font-size: 11px;
line-height: 24px;
letter-spacing: 0.5px;
}
#top-menu li a {
font-size: 11px;
line-height: 40px;
letter-spacing: 1px;
font-weight: 600;
}
#top-menu .sub-menu > li > a {
font-size: 11px;
line-height: 22px;
letter-spacing: 0.5px;
}
#top-menu li a,
#main-menu li a {
text-transform: uppercase;
}
#top-navigation > div {
padding-left: 30px;
padding-right: 30px;
}
.post-categories {
background: #f2f2f2;
border: 1px solid #dfd6c5;
}
.graceful-small-image-box {
background-color: #f2f2f2;
}
.wp-block-search__button {
background: #f2f2f2;
border: 1px solid #dddddd;
}
#main-navigation #searchform #s {
border: 1px solid #bdb29b;
}
#main-navigation #searchform #searchsubmit, .close-graceful-search {
background: #f2f2f2;
border: 1px solid #dddddd;
}
#graceful-post-slider {
padding-bottom: 40px;
margin-top: 40px;
}
.widget_categories > ul > li {
border-bottom: 1px solid #f2f2f2;
}
aside .wp-block-latest-posts.wp-block-latest-posts__list li {
border-bottom: 1px solid #f2f2f2;
}
.wp-block-search__label {
display: none;
}
/*--------------------------------------------------------------
Featured Boxes Sections
--------------------------------------------------------------*/
#featured-boxes {
border-bottom: 1px solid #eee;
background: #fff;
margin-top: 40px;
}
#featured-boxes .wrapped-content {
font-size: 0;
text-align: center;
}
#featured-boxes .featured-box {
position: relative;
float: left;
}
#featured-boxes a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#featured-boxes .graceful-wrap-outer {
padding: 12px;
}
#featured-boxes h4 {
display: inline-block;
padding: 11px 20px;
font-family: 'Lato', sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
background-color: rgba(0,0,0,0.50);
color: #ffffff !important;
}
#featured-boxes .featured-box {
width: calc((100% - 50px ) /3);
width: -webkit-calc((100% - 70px ) /3);
margin-right: 34px;
}
#featured-boxes .featured-box:last-child {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.featured-box {
display: block;
}
.main-navigation-search {
right: 20px;
top: 14px !important;
}
}
@media screen and (max-width: 480px) {
#featured-boxes .featured-box {
width: 100%;
margin-bottom: 34px;
}
#featured-boxes {
padding: 20px !important;
}
}
/* Media Query Min 768px
========================================================================== */
@media screen and (min-width: 768px) {
.blog .post-page-content p {
padding: 0 24px;
}
#main-navigation .wrapped-content {
padding-left: 0;
}
.main-navigation-search {
right: 0;
}
#main-navigation .navigation-socials {
right: 35px;
}
}
/*--------------------------------------------------------------
Latest Posts Ticker Slider
--------------------------------------------------------------*/
/* Overlay Style Post Card */
.graceful-latest .post-card-overlay {
position: relative;
height: 500px;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: flex-start;
background-color: #000; /* fallback if no image */
}
.graceful-latest .post-card-overlay .post-image {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.graceful-latest .post-card-overlay .post-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.graceful-latest .post-overlay-content {
position: relative;
z-index: 2;
padding: 30px;
width: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.0) 80%);
color: #fff;
}
.graceful-latest .post-category {
background-color: #fff;
color: #111;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
padding: 1px 10px 0px;
display: inline-block;
margin-bottom: 15px;
}
.graceful-latest .post-title {
font-size: 32px;
font-weight: 700;
margin: 0 0 10px;
line-height: 1.3;
color: #ffffff;
}
.graceful-latest .post-date {
color: #ffffff !important;
}
#graceful-latest-posts-ticker .post-title a {
color: #ffffff;
}
.graceful-latest .post-title a {
color: #fff;
text-decoration: none;
}
.graceful-latest .post-title a:hover {
color: #e0c79b;
}
.graceful-latest .post-meta {
font-size: 14px;
opacity: 0.9;
}
.graceful-latest .post-meta .author-name {
font-weight: 600;
}
/* Hide previous side layout content */
.graceful-latest .post-content,
.graceful-latest .post-author {
display: none !important;
}
/* Zoom effect on image hover */
.graceful-latest .post-card-overlay .post-image img {
transition: transform 0.5s ease;
}
.graceful-latest .post-card-overlay:hover .post-image img {
transform: scale(1.05);
}
/* Navigation button */
#graceful-latest-posts-ticker .owl-nav {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 3;
pointer-events: none;
}
#graceful-latest-posts-ticker .owl-nav button {
background: rgba(255, 255, 255, 0.7) !important;
border-radius: 50%;
width: 36px;
height: 36px;
font-size: 30px !important;
display: flex;
align-items: center;
justify-content: center;
pointer-events: all;
color: #111 !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: background 0.3s ease;
padding: 12px 8px 15px 8px !important;
}
.graceful-latest-posts-ticker .owl-nav button:hover {
background: rgba(255, 255, 255, 0.9) !important;
}
.graceful-latest-posts-ticker .owl-nav .owl-prev,
.graceful-latest-posts-ticker .owl-nav .owl-next {
position: static;
}
@media (max-width: 768px) {
.graceful-latest .post-card-overlay {
display: flex !important;
flex-direction: column;
justify-content: flex-end !important;
align-items: flex-start !important;
height: auto;
}
.graceful-latest .post-overlay-content {
background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0)) !important;
padding: 20px !important;
width: 100% !important;
box-sizing: border-box;
}
.graceful-latest .post-image img {
object-fit: cover;
height: 100% !important;
}
#graceful-latest-posts-ticker .owl-nav {
bottom: 16px;
}
.graceful-latest .post-title {
font-size: 28px;
font-weight: 700;
margin: 0 0 10px;
line-height: 1.3;
color: #ffffff;
}
#graceful-latest-posts-ticker.owl-theme .owl-nav [class*=owl-] {
margin: 0;
}
}
/* Responsive adjustments */
@media (max-width: 992px) {
.post-card {
height: 350px;
}
.post-image {
height: 350px;
}
.post-title {
font-size: 22px;
}
}
@media (max-width: 768px) {
.post-card {
flex-direction: column;
height: auto;
}
.post-image {
flex: 0 0 280px;
height: 280px;
}
.post-content {
flex: 1;
padding: 15px;
}
.post-title {
font-size: 18px;
}
.post-author {
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
.post-image {
height: 220px;
}
}
/*--------------------------------------------------------------
Popular Posts Ticker
--------------------------------------------------------------*/
.graceful-trending {
margin-top: 24px;
margin-bottom: 0px;
}
.graceful-trending h4 {
color: #030303;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.5px;
line-height: 20px;
overflow: visible;
padding: 5px 5px 5px 0px;
position: relative;
text-transform: uppercase;
display: inline-block;
clear: both;
}
.trending-container {
display: flex;
align-items: center;
}
.blinking-dot {
width: 10px;
height: 10px;
background-color: #FF0000;
border-radius: 50%;
margin-right: 8px;
animation: blink 1s infinite;
}
@keyframes blink {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.graceful-trending-posts-ticker {
background: #fff;
padding: 0;
}
.graceful-trending-posts-ticker .item {
display: flex;
align-items: center;
padding: 10px 10px 10px 0;
}
.graceful-trending-posts-ticker .item a {
width: 100%;
border: 1px solid #ddd;
background: #fafafa;
}
.graceful-trending-posts-ticker .post-item {
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
}
.graceful-trending-posts-ticker .post-thumbnail {
flex-shrink: 0;
width: 100px;
height: 100px;
overflow: hidden;
margin-right: 15px;
}
.graceful-trending-posts-ticker .post-thumbnail img {
width: 100%;
height: auto;
}
.graceful-trending-posts-ticker .post-thumbnail .no-thumbnail {
width: 100%;
height: 100%;
background-color: #ddd;
}
.graceful-trending-posts-ticker .post-details {
display: flex;
align-items: center;
}
.graceful-trending-posts-ticker .post-title {
font-size: 14px;
line-height: 22px !important;
margin: 0;
color: #333;
display: inline-block;
max-height: 100px;
overflow: hidden;
padding: 3px 10px 0 0;
font-family: 'Lato', sans-serif;
}
.graceful-trending-posts-ticker .owl-nav {
position: absolute;
top: -40px;
right: 0px;
display: flex;
gap: 0px;
z-index: 3;
pointer-events: none;
}
.graceful-trending-posts-ticker .owl-nav button {
width: 20px;
height: 20px;
font-size: 30px !important;
display: flex;
align-items: center;
justify-content: center;
pointer-events: all;
color: #111 !important;
padding: 12px 8px 15px 8px !important;
}
.graceful-trending-posts-ticker .owl-nav button:hover {
background: rgba(255, 255, 255, 0.9) !important;
}
.graceful-trending-posts-ticker .owl-nav .owl-prev,
.graceful-trending-posts-ticker .owl-nav .owl-next {
position: static;
}
@media (max-width: 1200px) {
.graceful-trending {
margin: 20px;
}
}
.graceful-trending-posts-ticker .post-details {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.graceful-trending-posts-ticker .post-date {
font-size: 14px;
color: #6f6f6f;
margin-bottom: 0;
}
.graceful-trending-posts-ticker .post-item {
display: flex;
align-items: flex-start;
}
.graceful-trending-posts-ticker .post-details {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 4px 0 0;
}
/*--------------------------------------------------------------
Slider Customization
--------------------------------------------------------------*/
#graceful-post-slider .owl-nav {
align-items: unset;
background-color: unset;
height: unset;
justify-content: unset;
margin: unset;
max-width: unset;
text-align: unset;
width: unset;
}
#graceful-post-slider .owl-nav button {
display: unset;
}
#graceful-post-slider .owl-nav button:focus {
box-shadow: unset;
outline: unset;
}
#graceful-post-slider .owl-nav [class*=owl-]:hover {
background: unset;
}
#graceful-post-slider .owl-dots {
display: unset;
}
#graceful-post-slider .owl-stage-outer:after {
background-color: unset;
bottom: unset;
content: unset;
display: unset;
height: unset;
left: unset;
position: unset;
transform: unset;
width: unset;
z-index: unset;
}
#graceful-post-slider .owl-next {
border-radius: unset;
margin-left: unset;
margin-top: unset;
padding-left: unset;
position: unset;
}
#graceful-post-slider .owl-next span {
color: unset;
font-size: unset;
}
#graceful-post-slider .owl-next::after {
background: unset;
border-radius: unset;
content: unset;
height: unset;
position: unset;
right: unset;
top: unset;
width: unset;
}
#graceful-post-slider .owl-prev {
border-radius: unset;
margin-right: unset;
margin-top: unset;
padding-right: unset;
position: unset;
}
#graceful-post-slider .owl-prev span {
color: unset;
font-size: unset;
}
#graceful-post-slider .owl-prev::after {
background: unset;
border-radius: unset;
content: unset;
height: unset;
position: unset;
right: unset;
top: unset;
width: unset;
}
#graceful-post-slider {
padding: 0 4px !important;
}
#graceful-post-slider .slide-item {
height: 480px;
}
#graceful-post-slider {
padding-bottom: 15px;
}
#graceful-post-slider .slider-item:first-child {
display: block;
}
#graceful-post-slider .slide-item {
background-size: cover;
background-position: center;
}
#graceful-post-slider .owl-nav {
position: absolute;
top: 44%;
left: 0;
width: 100%;
display: block;
justify-content: space-between;
transform: translateY(-50%);
pointer-events: none;
}
#graceful-post-slider .owl-nav button {
background: rgba(255, 255, 255, 0.6);
border: none;
font-size: 60px !important;
pointer-events: all;
color: #777 !important;
cursor: pointer;
padding: 6px 8px 15px 10px !important;
}
#graceful-post-slider .owl-nav button:hover {
color: #000 !important;
}
#graceful-post-slider .owl-nav [class*=owl-]:hover {
background: rgba(255, 255, 255, 0.7);
}
#graceful-post-slider .owl-nav .owl-prev {
position: absolute;
left: 10px;
}
#graceful-post-slider .owl-nav .owl-next {
position: absolute;
right: 10px;
}
#graceful-post-slider .owl-dots {
margin-top: -32px;
position: relative;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #fbfbfb;
}
#graceful-post-slider .graceful-wrap-inner {
vertical-align: bottom;
}
#graceful-post-slider.wrapped-content img {
width: 100%;
}
#graceful-post-slider.wrapped-content .slider-item-bg {
height: 540px;
}
.slider-item {
display: none;
position: relative;
}
.slider-item-bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 450px;
}
.graceful-slider-info {
display: inline-block;
max-width: 840px;
padding: 40px;
}
.slider-categories {
font-size: 13px;
font-weight: bold;
letter-spacing: 3px;
margin-bottom: 16px;
text-transform: uppercase;
}
.graceful-slider-title {
font-size: 36px;
letter-spacing: 1px;
line-height: 44px;
margin-bottom: 25px;
}
.graceful-slider-read-more a {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.8);
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: bold;
letter-spacing: 2px;
line-height: 30px;
margin-bottom: 30px;
padding: 0 25px;
text-transform: uppercase;
}
#graceful-post-slider .owl-dots {
display: block !important;
padding: 0 !important;
}
@media screen and (max-width: 480px) {
#graceful-post-slider .owl-nav {
display: none;
}
.graceful-slider-info {
padding: 10px;
}
.graceful-slider-title {
font-size: 24px;
letter-spacing: 1px;
line-height: 31px;
margin-bottom: 25px;
}
#graceful-post-slider .slide-item {
height: 240px;
}
}
@media screen and (max-width: 1200px) {
#graceful-post-slider.wrapped-content {
padding-bottom: 12px;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
/*--------------------------------------------------------------
Home Blog List Layout Customization
--------------------------------------------------------------*/
.graceful-mag-column .site-images {
min-height: 270px;
}
.content-column > li {
margin-bottom: 30px;
display: inline-block;
vertical-align: top;
margin-right: 35px;
width: calc((100% - 40px ) /2);
width: -webkit-calc((100% - 40px ) /2);
}
.content-column > li:nth-of-type(2n+2) {
margin-right: 0;
}
[data-layout*="col1-leftrightsidebar"] .content-column > li {
width: 100%;
}
.graceful-mag-single
.graceful-mag-column .site-images, .graceful-mag-single .site-images {
overflow: hidden;
position: relative;
}
.graceful-mag-column .site-images img, .graceful-mag-single .site-images img {
transition: transform 0.35s ease;
transform: scale(1);
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.graceful-mag-column .site-images:hover img, .graceful-mag-single .site-images:hover img {
transform: scale(1.03); /* slight zoom */
}
@media screen and (max-width: 480px) {
.content-column > li {
width: 100%;
}
}
/* Responsive adjustments */
@media (max-width: 992px) {
.blog .content-column article {
height: 350px;
}
.blog .post-image-col .site-images {
height: 350px;
}
}
@media (max-width: 768px) {
.blog .content-column article {
flex-direction: column;
height: auto;
}
.blog .post-image-col .site-images {
flex: 0 0 280px;
height: 280px;
}
.blog .post-content-col {
flex: 1;
padding: 15px;
}
.blog .post-author {
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.blog .graceful-latest .post-card {
height: 430px;
}
.blog .post-image-col .site-images {
height: 220px;
}
}
.navigation-search-button {
border-radius: 20px;
cursor: pointer;
font-size: 14px;
line-height: 24px;
position: relative;
}
.main-navigation-search {
top: 7px;
}
.navigation-search-button i {
color: #ffffff !important;
}
.continue-read a {
background: #ffffff;
border: 1px solid #000000;
color: #000000 !important;
text-decoration: none;
}
#main-navigation #searchform #searchsubmit, .close-graceful-search {
background: #f2f2f2;
border: 1px solid #000000;
}
.graceful-latest-articles {
margin-bottom: 30px;
margin-top: 70px;
font-size: 28px;
}
/* Home List Layout Customization */
.graceful-mag-column .overlay-post {
position: relative;
overflow: hidden;
min-height: 270px;
}
.graceful-mag-column .overlay-post img {
display: block;
width: 100%;
height: auto;
}
.graceful-mag-column .image-overlay {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
width: 100%;
background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
color: white;
}
.graceful-mag-column .image-overlay .post-categories {
background-color: rgba(0, 0, 0, 0.5);
display: inline-block;
padding: 0px 6px;
font-size: 12px;
margin-bottom: 8px;
text-transform: uppercase;
}
.graceful-mag-column .image-overlay .post-categories a {
font-size: 12px;
}
.graceful-mag-column .post-title {
letter-spacing: 0;
line-height: 30px;
margin-bottom: 0;
}
.graceful-mag-column .image-overlay .post-title a {
color: white;
font-size: 25px;
font-weight: bold;
text-decoration: none;
}
.graceful-mag-column .image-overlay .post-meta {
font-size: 12px;
margin-top: 5px;
opacity: 0.85;
}
.graceful-mag-column .no-thumbnail {
min-height: 240px;
background: #adadad;
}
.blog .graceful-mag-column article .post-date, .blog .graceful-mag-column article .post-title-author{
color: #ffffff !important;
font-weight: bold;
}
/*--------------------------------------------------------------
Single Page Layout Customization
--------------------------------------------------------------*/
.graceful-mag-single .overlay-post {
position: relative;
overflow: hidden;
min-height: 230px;
}
.graceful-mag-single .overlay-post img {
width: 100%;
height: auto;
display: block;
}
.graceful-mag-single .image-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 20px;
background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
color: white;
}
.graceful-mag-single .image-overlay .post-categories {
background-color: rgba(0, 0, 0, 0.5);
display: inline-block;
padding: 2px 12px 0px;
font-size: 12px;
margin-bottom: 8px;
border-radius: 4px;
text-transform: uppercase;
color: #fff;
}
.graceful-mag-single .image-overlay .post-categories a {
font-size: 14px !important;
}
.graceful-mag-single .image-overlay .post-title {
font-size: 36px;
font-weight: bold;
margin: 5px 0 10px;
color: #ffffff !important;
}
.graceful-mag-single .image-overlay .post-meta {
font-size: 14px;
opacity: 0.85;
}
.single .graceful-mag-single .site-images .image-overlay span, .single .graceful-mag-single .site-images .image-overlay strong {
color: #ffffff !important;
font-size: 16px;
}
@media (max-width: 768px) {
.graceful-mag-single .image-overlay .post-title {
font-size: 24px;
}
}
.main-content.wrapped-content {
padding-left: 0px !important;
padding-right: 0px !important;
}
@media screen and (max-width: 1180px) {
.main-content.wrapped-content {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
