/* Blog Listing page */ .elementor-kit-3 .hero h1{color: #ffffff;} .blog-list > [class^="col-"]:nth-child(4n+1) .blog-card{ background-color:#FDF3B1!important; } .blog-list > [class^="col-"]:nth-child(4n + 2) .blog-card{ background-color:#CEE9DC!important } .blog-list > [class^="col-"]:nth-child(4n + 3) .blog-card{ background-color:#FFD6C5!important } .blog-list > [class^="col-"]:nth-child(4n + 4) .blog-card{ background-color:#DFF2FB!important } .blog-list > [class^="col-"] a{color: #333232;} .blog-card{height: 100%; border-radius: 35px; overflow: hidden; border: 1px solid #f1f1f1; transition: 0.2s all ease-in-out; -webkit-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out;} .blog-card:hover{ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); transition: 0.2s all ease-in-out; -webkit-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out;} .blog-card .blog-inner-details{ padding: 20px;} .blog-card .blog-inner-details .blog-meta{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;} .blog-card .blog-inner-details .blog-meta .date{font-weight: bold;font-size: 16px; color: #223E51;} .blog-card .blog-inner-details .blog-meta .category{ display: inline-block; padding: 6px 20px; background: #C4523F; color: #fff; text-transform: uppercase; border-radius: 8px; } .blog-card .blog-inner-details .blog-info h3{ font-size: 24px; font-family: 'Gotham HTF'; color: #223E51; } .blog-card .blog-inner-details .blog-other-info {margin-top: 20px;} .blog-card .blog-inner-details .blog-other-info .blog-read-more{position: relative; font-weight: bold; color: #545a5e;} .blog-card .blog-inner-details .blog-other-info .blog-read-more:after{content: "\f105";margin-left: 5px;font: normal normal normal 20px/1 FontAwesome;} .blog-card .blog-inner-details .blog-other-info .blog-read-more:hover{color: #437113;} .blog-card .blog-image{border-top-left-radius: 20px; border-top-right-radius: 20px;} .blog-card .blog-inner-details .blog-meta .category.women{ background: #C4523F;} .blog-card .blog-inner-details .blog-meta .category.infant{ background: #872A44;} .blog-card .blog-inner-details .blog-meta .category.children{ background: #2E4A61;} .blog-card .blog-inner-details .blog-meta .category.family{ background: #437113;} .blog-card .blog-inner-details .blog-meta .category.recipes{ background: #9f5887;} .blog-card .blog-inner-details .blog-meta .category {margin-left:10px} .blog-cat-list{margin-bottom: 50px; text-align: center;} ul.blog-cat-list li { display: inline-block; } ul.blog-cat-list li a{display: inline-block; padding: 6px 40px; /* background: #03a9f4; */ border:2px solid #03a9f4; color: #03a9f4; text-transform: uppercase; border-radius: 8px; margin-right: 30px; margin-bottom: 25px; font-weight: 500; } ul.blog-cat-list li a.women{ border-color: #C4523F; color: #C4523F;} ul.blog-cat-list li a.infant{ border-color: #872A44; color: #872A44;} ul.blog-cat-list li a.children{ border-color: #2E4A61; color: #2E4A61;} ul.blog-cat-list li a.family{ border-color: #437113; color: #437113;} ul.blog-cat-list li a.general-family{ border-color: #437113; color: #437113;} ul.blog-cat-list li a.recipes{ border-color: #9f5887; color: #9f5887;} ul.blog-cat-list li a.active, ul.blog-cat-list li a:hover{ background-color: #03a9f4; color: #fff; } ul.blog-cat-list li a.women.active, ul.blog-cat-list li a.women:hover{ background-color: #C4523F; } ul.blog-cat-list li a.infant.active, ul.blog-cat-list li a.infant:hover{ background-color: #872A44; } ul.blog-cat-list li a.children.active, ul.blog-cat-list li a.children:hover{ background-color: #2E4A61; } ul.blog-cat-list li a.family.active, ul.blog-cat-list li a.family:hover{ background-color: #437113; } ul.blog-cat-list li a.general-family.active, ul.blog-cat-list li a.general-family:hover{ background-color: #437113; } ul.blog-cat-list li a.recipes.active, ul.blog-cat-list li a.recipes:hover{ background-color: #9f5887; } ul.blog-cat-list li [type="radio"]:checked, ul.blog-cat-list li [type="radio"]:not(:checked) { position: absolute; left: -9999px; } ul.blog-cat-list li [type="radio"]:checked + label, ul.blog-cat-list li [type="radio"]:not(:checked) + label { cursor: pointer; position: relative; display: inline-block; padding: 6px 40px; /* background: #03a9f4; */ border:2px solid #03a9f4; color: #03a9f4; text-transform: uppercase; border-radius: 8px; margin-right: 30px; margin-bottom: 25px; font-weight: 500; } ul.blog-cat-list li [type="radio"] + label.women{ border-color: #C4523F; color: #C4523F;} ul.blog-cat-list li [type="radio"] + label.infant{ border-color: #872A44; color: #872A44;} ul.blog-cat-list li [type="radio"] + label.children{ border-color: #2E4A61; color: #2E4A61;} ul.blog-cat-list li [type="radio"] + label.family{ border-color: #437113; color: #437113;} ul.blog-cat-list li [type="radio"] + label.general-family{ border-color: #437113; color: #437113;} ul.blog-cat-list li [type="radio"] + label.recipes{ border-color: #9f5887; color: #9f5887;} ul.blog-cat-list li [type="radio"] + label:hover, ul.blog-cat-list li [type="radio"]:checked + label { background-color: #03a9f4; color: #fff; } ul.blog-cat-list li [type="radio"]:checked + label.women, ul.blog-cat-list li [type="radio"] + label.women:hover{ background-color: #C4523F; } ul.blog-cat-list li [type="radio"]:checked + label.infant, ul.blog-cat-list li [type="radio"] + label.infant:hover{ background-color: #872A44; } ul.blog-cat-list li [type="radio"]:checked + label.children, ul.blog-cat-list li [type="radio"] + label.children:hover{ background-color: #2E4A61; } ul.blog-cat-list li [type="radio"]:checked + label.family, ul.blog-cat-list li [type="radio"] + label.family:hover{ background-color: #437113; } ul.blog-cat-list li [type="radio"]:checked + label.general-family, ul.blog-cat-list li [type="radio"] + label.general-family:hover{ background-color: #437113; } ul.blog-cat-list li [type="radio"]:checked + label.recipes, ul.blog-cat-list li [type="radio"] + label.recipes:hover{ background-color: #9f5887; } ul.blog-num, .blog-num ul{ column-count: 2; column-gap: 90px; counter-reset: blogcount; } .blog-num li{ position: relative; margin-bottom: 20px !important; padding-left: 50px !important; min-height: 35px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .blog-num li::before{ counter-increment: blogcount; content: counter(blogcount) ; position: absolute; left: 0; font-size: 2.8em; line-height: 1;} /* .blog-num li span{position: absolute; left: 0; font-size: 2.8em; line-height: 1; display: none;} */ .blog-num.green-count li::before{color: #4A7F43;} .blog-num.orange-count li::before{color: #CE4A2C;} .bg-cover{background-size: cover !important;} .bg-top {background-position: top !important;} .blog-details h2{font-family: 'Gotham HTF'; font-weight: normal;} .blog-details .blog-meta .date{color:#327D85; font-size: 23px; margin-right: 20px;} .blog-details .blog-meta .category{ display: inline-block; padding: 6px 20px; background: #C4523F; color: #fff; text-transform: uppercase; border-radius: 8px; } .blog-details .blog-meta .category + .category { margin-left: 20px } .share-info{ display: flex; justify-content: flex-end; align-items: center; } .share-info h4{font-weight: normal; color: #297EA8; text-align: right; font-family: 'Gotham HTF';} .share-info a{ background: #FDF3B1; padding: 10px 20px; border-radius: 8px; color: #264A63 !important; } .share-info a:hover{background-color: #264A63; color: #fff !important;} .share-info a i{ margin-left: 10px;} .section-info.blog-top-text{color: #fff; align-items: baseline;} .section-info.blog-top-text .text-top-space{ margin-top: 5%} .blog-nav{padding:0px 20px 0 20px;overflow:auto;height:100vh;border-left:1px solid #AAD7D9;} .blog-nav > ul > li { position: relative; margin-bottom: 20px; } .blog-nav > ul > li > a { color: #ffffff; font-size: 16px; background: #c4523f; padding: 10px 20px; width: 100%; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; } .blog-nav > ul > li > a.women{ background: #C4523F;} .blog-nav > ul > li > a.infant{ background: #872A44;} .blog-nav > ul > li > a.children{ background: #2E4A61;} .blog-nav > ul > li > a.family{ background: #437113;} .blog-nav > ul > li > a.general-family{ background: #437113;} .blog-nav > ul > li > a.recipes{ background: #9f5887;} .blog-nav > ul > li > a:hover { background-color: #223e51;} .blog-nav > ul > li > a > span { position: absolute; display: inline-flex; height: 45px; top: 0; width: 50px; align-items: center; justify-content: center; right: 0; font-size: 24px; border-left: 1px solid rgba(255, 255, 255, 0.40);} .blog-nav > ul > li > .dropdown { padding: 20px 10px 0; display: none; } .blog-nav > ul > li.active > a > span i { transform: rotate( 180deg ); -webkit-transform: rotate( 180deg ); -moz-osx-transform: rotate( 180deg ); } .blog-nav > ul > li > .dropdown li{ position: relative; margin-bottom: 20px; display: flex; } .blog-nav > ul > li > .dropdown li:last-child{ margin-bottom: 0;} .blog-nav > ul > li > .dropdown a { color: #333232; font-size: 16px; } .blog-nav > ul > li.sub-menu.active > .dropdown a { color: #79b042; } .blog-nav > ul > li > .dropdown a.active { text-shadow: 0 0 0.65px #000, 0 0 0.65px #000; } .blog-nav > ul > li > .dropdown a:not(.active):hover { text-shadow: 0 0 0.65px #000, 0 0 0.65px #000; } .blog-nav > ul { margin-top: 40px; margin-bottom: 40px; } .blog-load{ text-align: center; margin-top: 40px; position: relative; z-index: 9;} .blog-load a{ padding: 10px 15px; cursor: pointer; background: #2E4A61; color: #fff; border-radius: 5px; } .blog-load a:hover{ background: #3b5f7c; } /* Blog Listing page */ .row.gutters-y-90{margin-bottom:-30px;} .row.gutters-y-90 > [class^=col-], .row.gutters-y-90 > [class*=" col-"]{padding-bottom:30px;} .row.gutters-y-20{margin-bottom:-20px;} .row.gutters-y-20 > [class^=col-], .row.gutters-y-20 > [class*=" col-"]{padding-bottom:20px;} /* .elementor-widget .elementor-icon-list-item {align-items: start !important} */ .text-dr-purple {color: #954b74;} .blog-bullet-icon .elementor-icon-list-item .elementor-icon-list-icon {padding-top: 8px;} .flower-img img {position: absolute;right: -60px} .big-font {font-size:75px} .number-span.elementor-element .elementor-widget-container .elementor-heading-title {display: flex;align-items: center;justify-content: center;} .number-span.elementor-element .elementor-widget-container .elementor-heading-title span {margin: 0 15px;} .chiken-section-flower-img.elementor-widget-image img {position: absolute;top: -50px;right: -62px;max-width: 60%;} /*001 RESPONSIVE CSS ================================*/ @media only screen and (min-width:1200px){ .row.gutters-x-45{margin-right:-20px;margin-left:-20px;} .row.gutters-x-45 > [class^=col-], .row.gutters-x-45 > [class*=" col-"]{padding-right:20px;padding-left:20px;} .row.gutters-y-90{margin-bottom:-40px;} .row.gutters-y-90 > [class^=col-], .row.gutters-y-90 > [class*=" col-"]{padding-bottom:40px;} } @media only screen and (min-width:1400px){ .row.gutters-x-45{margin-right:-25px;margin-left:-25px;} .row.gutters-x-45 > [class^=col-], .row.gutters-x-45 > [class*=" col-"]{padding-right:25px;padding-left:25px;} .row.gutters-y-90{margin-bottom:-50px;} .row.gutters-y-90 > [class^=col-], .row.gutters-y-90 > [class*=" col-"]{padding-bottom:50px;} .blog-card .blog-inner-details .blog-meta .date, .blog-card .blog-inner-details .blog-meta .category {font-size:14px} .blog-card .blog-inner-details .blog-meta .category {padding: 6px 16px;} } @media only screen and (min-width:1700px){ .row.gutters-x-45{margin-right:-45px;margin-left:-45px;} .row.gutters-x-45 > [class^=col-], .row.gutters-x-45 > [class*=" col-"]{padding-right:45px;padding-left:45px;} .row.gutters-y-90{margin-bottom:-90px;} .row.gutters-y-90 > [class^=col-], .row.gutters-y-90 > [class*=" col-"]{padding-bottom:90px;}.blog-nav > ul { margin-top: 50px; margin-bottom: 50px; } .blog-card .blog-inner-details{padding: 30px;} .chiken-section-flower-img.elementor-widget-image img {right: -8.2vw} } @media only screen and (min-width:1550px){ .chiken-section-flower-img.elementor-widget-image img {right: -6.2vw;max-width: 65%;} } @media (min-width:1400px) and (max-width:1499.98px){ .strawbery-img img {-webkit-transform: translateX(5%);transform: translateX(5%);} } @media only screen and (max-width:1399.98px){ .blog-card .blog-inner-details .blog-meta .date { font-weight: bold; font-size: 15px; } .blog-card .blog-inner-details .blog-meta .category{ padding: 6px 14px; font-size: 13px;} .blog-card .blog-inner-details .blog-info h3 { font-size: 20px; margin-bottom: 10px; } .blog-card .blog-inner-details .blog-other-info { margin-top: 15px; } .blog-card .blog-inner-details .blog-meta { margin-bottom: 15px; } .chiken-section-flower-img.elementor-widget-image img {max-width: 60%;} } @media (min-width:1200px) and (max-width:1399.98px){ .strawbery-img img {-webkit-transform: translateX(20%);transform: translateX(20%);} .blog-card .blog-inner-details .blog-meta .date {font-size:12px} .blog-card .blog-inner-details .blog-meta .category {font-size: 12px;margin-left: 5px;} } @media only screen and (max-width:1299.98px){ .flower-img img {right: -30px} .chiken-section-flower-img.elementor-widget-image img {right: -33px;max-width: 50%;} } @media only screen and (max-width:1199.98px){ .blog-card .blog-inner-details .blog-info h3{ font-size: 20px; } ul.blog-cat-list li [type="radio"]:checked + label, ul.blog-cat-list li [type="radio"]:not(:checked) + label, ul.blog-cat-list li a {margin-right: 20px; margin-bottom: 20px;} .blog-nav { padding: 0px 15px 0 15px; border-right: 1px solid #AAD7D9; border-left: none; } .flower-img img {right: -40px} .chiken-section-flower-img.elementor-widget-image img {right: -45px;} } @media (min-width:1025px) and (max-width:1199.98px){ .strawbery-img img {-webkit-transform: translateX(10%);transform: translateX(10%);} } @media only screen and (max-width:991.98px){ .blog-nav{padding:0px 15px 0 15px;border-right:1px solid #AAD7D9;border-left:none;} .blog-nav > ul { margin-top: 20px; margin-bottom: 20px; } .blog .container-fluid{max-width: 100%;} .share-info h4 { text-align: left;} ul.blog-num,.blog-num ul{ column-count: 1; } .bg-overlay{position: relative;} .bg-overlay::before{position: absolute; background-color: rgba(255,255,255,1); content: ''; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;opacity: 0.8;} .bg-overlay .elementor-widget-container{position: relative; z-index: 10;} .chiken-section-flower-img.elementor-widget-image img {max-width: 38%;} } @media (min-width:768px) and (max-width:991.98px){ .blog-card .blog-inner-details .blog-meta { align-items: start; flex-direction: column } .blog-card .blog-inner-details .blog-meta .category { margin: 10px 0 0 } .elementor-kit-3 h1 {font-size:36px !important} } @media only screen and (max-width:767.98px){ .blog-cat-list { margin-bottom: 20px;} ul.blog-cat-list li [type="radio"]:checked + label, ul.blog-cat-list li [type="radio"]:not(:checked) + label, ul.blog-cat-list li a { padding: 6px 11px; font-size: 12px; margin-right: 10px; margin-bottom: 10px; } .blog-num br{display: none;} .big-font {font-size:60px} .number-span.elementor-element .elementor-widget-container .elementor-heading-title span {margin: 0 10px;} } @media only screen and (max-width:620.98px){ .blog-card .blog-inner-details .blog-meta { margin-bottom: 15px; } .blog-card .blog-inner-details .blog-meta .date { font-weight: bold; font-size: 16px; display: block; } .blog-card .blog-inner-details .blog-meta .category { padding: 5px 20px; font-size: 12px; } } @media only screen and (max-width:575.98px){ .blog-card .blog-inner-details .blog-meta { align-items: start; flex-direction: column } .blog-card .blog-inner-details .blog-meta .category { margin: 10px 0 0 } } /* Homepage CSS ===================== */