/*
Template:       ranna
Theme Name:     Ranna Child Theme
Theme URI:      http://radiustheme.com/demo/wordpress/themes/ranna
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Ranna is a clean and Modern WordPress Theme.  It is best suited for News, Blog, Tech Review, Fashion Magazine, Game Magazine 
Version:        1.0
Text Domain:    ranna
Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*home page code by noor*/
body.home .container:not(div#header-1 .container) {width: 100%;  max-width: 100%;}
body.home .container .col-sm-12.col-12 {padding: 0px;}
.b_border h2 {margin-bottom: 0px !important;}
.b_border .uagb-separator {position: relative;}
.b_border .uagb-separator:before {content: "";position: absolute; content: "";bottom: 0px; left: 0; height: 3px; width: 50px; background: #ff4a52; top: -2px;}
.wpcf7-form input[type="submit"] {width: auto;}
.wp-block-uagb-post-grid .uagb-post__image img {border-radius: 4px;}
.uagb-post-pagination-wrap .page-numbers {
    width: 48px;
    height: 48px;
    font-size: 22px;
    text-align: center;
    justify-content: center;
    align-items: center; 
    border-radius: 4px;
	margin-right:10px !important;
}
.uagb-post-pagination-wrap .page-numbers:hover, .uagb-post-pagination-wrap span.page-numbers.current {
    color: #FFF !important;
    background: #ff4a51!important;
}
.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a{border-radius:4px;}
/* blog page pagination next */
a.next.page-numbers::before {
  content: "";
    display:block;
    width:22px;
    height:22px;
  background-color: black; 
  -webkit-mask: url('https://delishglobe.com/wp-content/uploads/2025/10/next.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('https://delishglobe.com/wp-content/uploads/2025/10/next.svg') no-repeat center;
  mask-size: 90%;
  transition: background-color 0.3s ease;
}
a.prev.page-numbers::before {
  content: "";
    display:block;
    width:22px;
    height:22px;
  background-color: black; /* default color of SVG */
  -webkit-mask: url('https://delishglobe.com/wp-content/uploads/2025/10/previous.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('https://delishglobe.com/wp-content/uploads/2025/10/previous.svg') no-repeat center;
  mask-size: 90%;
  transition: background-color 0.3s ease;
}
a.next.page-numbers:hover::before, a.prev.page-numbers:hover::before{  background-color: white; }
/* blog page pagination next */
.log_archive .next.page-numbers:hover::before, .log_archive .prev.page-numbers:hover::before {
  background-color: white; 
}
.uagb-post-grid article.uagb-post__inner-wrap img {
       -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.uagb-post-grid article.uagb-post__inner-wrap:hover img{
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg); transition: all 0.3s ease-in-out;}
.log_archive wp-block-uagb-post-grid article.uagb-post__inner-wrap .uagb-post__image a img {aspect-ratio: 16/9; object-fit: cover;}
.log_archive wp-block-uagb-post-grid  article.uagb-post__inner-wrap .uagb-post__image a {padding-bottom: 101%!important;}
a.wp-block-button__link.uagb-text-link:after {
  content: "";
  position: absolute;
  background-color: #ff4a52; /* default SVG color */
  mask: url("https://staging.delishglobe.com/wp-content/uploads/2025/10/right-chevron.svg") no-repeat right / cover;
  -webkit-mask: url("https://staging.delishglobe.com/wp-content/uploads/2025/10/right-chevron.svg") no-repeat right / cover;
  transition: background-color 1.3s ease;
  width: 14px;
  height: 14px;
  right: 25px; top: 19px;}
a.wp-block-button__link.uagb-text-link:hover::after {
  background-color: white; 
  transition: background-color 1.3s ease;
    right: 20px;
}
a.wp-block-button__link.uagb-text-link {width: 202px;}
/*new code for heading line */
.border_bottom_center h2 {
    margin-bottom: 35px;
    padding-bottom: 18px;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
}
.border_bottom_center h2:after{
    content:"";
    position:absolute;
    right:0;
    left:0;
    bottom: -2px;
    height: 3px;
    width: 50px;
    background: #ff4a52;
    margin:0 auto;
}
.slick-slide article.uagb-post__inner-wrap a img {border-radius: 4px;}
.slick-slide article.uagb-post__inner-wrap h4.uagb-post__title.uagb-post__text {
    background: #FFF;
    position: absolute;
    z-index:9;}
.slick-slide article.uagb-post__inner-wrap {position: relative;}
.slick-slide article.uagb-post__inner-wrap h4.uagb-post__title.uagb-post__text {
    top: 60%;
    right: 22px;
    left: 22px;
    border-radius: 4px;
    padding: 25px 30px;
	min-height:121px;
}
.slick-slide article.uagb-post__inner-wrap h4.uagb-post__title.uagb-post__text:hover a{color:#ff4955;}
.wp-block-uagb-post-carousel.uagb-post-grid.recipe_category {padding: 0px;}
button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    background: #FFF!important;
    top: 25%;
}
button.slick-next.slick-arrow:hover svg,
button.slick-prev.slick-arrow:hover svg{
    fill: #FFF!important;
}
button.slick-next.slick-arrow:hover,
button.slick-prev.slick-arrow:hover{
    background: #ff4955!important;
}
button.slick-prev.slick-arrow,  button.slick-next.slick-arrow {
    transition: all 0.3s ease 0s;
    opacity: 0;
}
.wp-block-uagb-post-carousel.uagb-post-grid.recipe_category:hover button.slick-prev.slick-arrow, 
.wp-block-uagb-post-carousel.uagb-post-grid.recipe_category:hover button.slick-next.slick-arrow {
    transition: all 0.3s ease 0s;
    opacity: 1!important;
}
@media screen and (max-width: 1024px) {
	#meanmenu .mean-bar a img {width: 160px;} 
	.mean-container .mean-bar{padding: 10px 10px 15px 10px;}
.regions {padding-left: 68px!important; padding-right: 68px!important;  transition: all 0.3s ease 0s;}
.regions_sub {width: 80%!important;  transition: all 0.3s ease 0s;}
.regions_sub .uagb-container-inner-blocks-wrap {column-gap: 35px!important;  transition: all 0.3s ease 0s;}
.recipe_caruosels { width: 88%;  transition: all 0.3s ease 0s; margin: 0 auto!important;}	
}
@media screen and (max-width: 768px) {
.regions {padding-left: 44px!important; padding-right: 44px!important;  transition: all 0.3s ease 0s;}
.regions_sub {width: 85.5%!important;  transition: all 0.3s ease 0s;}
.regions_sub .uagb-container-inner-blocks-wrap {column-gap: 30px!important;  transition: all 0.3s ease 0s;}
.recipe_caruosels { width: 92%;  transition: all 0.3s ease 0s; margin: 0 auto!important;}
}

/*new css code by Noor ends*/