/* Template: babyme - Parenting Blog WordPress Theme Author: iqonicthemes.in Version: 1.0 Design and Developed by: iqonicthemes.in NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required! */ /*================= Typography Media ==================*/ @media(min-width:768px) and (max-width: 1024px) { h1 { font-size: 4.209rem; } h2 { font-size: 3.157rem; } h3 { font-size: 2.369rem; } h4 { font-size: 2.369rem; } h5 { font-size: 1.333rem; } h6 { font-size: 1rem; } } @media(max-width: 767px) { h1 { font-size: 2.488rem; } h2 { font-size: 2.074rem; } h3 { font-size: 1.728rem; } h4 { font-size: 1.44rem; } h5 { font-size: 1.2rem; } h6 { font-size: 1rem; } } @media(min-width:2200px) { .elementor-9 .elementor-element.elementor-element-1298d214:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-5f32e27:not(.elementor-motion-effects-element-type-background) { background-size: contain !important; } } @media(max-width:1600px) { /* header .main-header, .admin-bar header.menu-sticky .main-header { padding: 0 15px; } */ } @media(max-width:1650px) { .iq-hide-pattern { display: none; } } @media(max-width:1499px) { header .sub-header { padding: 10px 70px } header .navbar ul li { margin-right: 25px; } } @media(max-width: 1445px){ #iq-menu-container .menu-item { padding: 25px 10px; } } @media(max-width:1430px) { .single-post main>.container { padding: 0 15px; } } @media(max-width:1399px) { .fancy_banner { padding: 0 50px; } header .sub-header { padding: 10px 30px } .owl-carousel .owl-nav .owl-prev { left: -50px; } .owl-carousel .owl-nav .owl-next { right: -50px; } header .navbar ul li { margin-right: 20px; } } @media(max-width:1365px) { header .sub-header { padding: 0px 15px } header .navbar ul li a { font-size: 14px } header .navbar ul li .sub-menu li a { padding: 5px 15px; } .admin-bar header.two.menu-sticky .main-header { padding: 0px 15px; } .owl-carousel .owl-nav .owl-next { right: -10px; } .owl-carousel .owl-nav .owl-prev { left: -10px; } header .navbar ul li { margin-right: 10px; } } @media(max-width:1299px) { header.style-one li .search-box .search-submit, header.style-one li .search-box input[type="search"] { right: -10px; } body.vertical-menu-expanded .site.vertical-site-content { padding: 0; } .iq-vertical-btn-container.btn-vertical-open, .vertical-navbar-brand { display: inline-block; } body.vertical-menu-expanded .iq-vertical-btn-container.btn-vertical-open, body.vertical-menu-expanded .vertical-navbar-brand { display: inline-block; opacity: 1; } header.style-vertical { left: -300px; z-index: 999; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } body.vertical-menu-close header.style-vertical { left: 0; z-index: 999; } body.vertical-menu-expanded .site.vertical-site-content .elementor-section.elementor-section-stretched { padding-left: 0px !important; } header .navbar ul li:last-child { margin-right: 30px; } } @media (min-width: 1200px) { .container { max-width: 1170px; } #iq-menu-container .menu-item:hover .sub-menu { visibility: visible; } #iq-menu-container .menu-item .sub-menu { visibility: hidden; } #iq-menu-container .menu-item:hover i{ color: var(--primary-color); } #iq-menu-container .menu-item i:hover{ color: var(--primary-color); } #iq-menu-container .menu-item .sub-menu li i{ color: var(--body-text); } #iq-menu-container .menu-item .sub-menu li:hover i{ color: var(--primary-color); } } @media only screen and (device-width:1024px) { header .navbar ul li { margin-right: 20px; } header .navbar ul li { margin-right: 10px; } header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 0 15px; } .owl-carousel.client-logo.client-bg-shadow.owl-loaded.owl-drag { margin-top: -160px; } } @media(max-width:1024px) { header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 0 15px; } .owl-carousel.client-logo.client-bg-shadow.owl-loaded.owl-drag { margin-top: -160px; } .container-fluid { padding: 0 70px; } } @media(max-width:1199px) { footer { padding: 0; } #iq-menu-container .menu-item i.add-icon { display: block; transform: rotateX(-180deg); color: var(--primary-color); } header .container-fluid { padding: 0; } header .navbar{ padding: 0 130px; } header.style-vertical .navbar ul li.current-menu-parent>a { background: transparent; } .style-vertical #vertical-menu-btn-close { display: none; } .menu-btn .line:first-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 3px 5px; -ms-transform-origin: 3px 5px; transform-origin: 3px 5px; } .menu-btn .line:nth-child(2) { opacity: 0; } .menu-btn .line:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 2px -3px; -ms-transform-origin: 2px -3px; transform-origin: 2px -3px; } #iq-menu-container .menu-item .sub-menu { width: 100%; position: static; box-shadow: none; border: none; } header .iq-search .search-form { display: block; width: 100%; position: relative; margin: 0; } header .iq-mobile-main { margin-left: auto; margin-right: 0; clear: both; } header .iq-mobile-main nav { padding: 0; } #iq-menu-container .menu-item, .menu-sticky #iq-menu-container .menu-item { padding: 0; } .iq-sidearea-btn-container { display: none; } header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 0 15px; } header .navbar ul li { margin-right: 10px; } .woocommerce .products li.product.last, .woocommerce-page .products li.last { margin-right: 30px; } .woocommerce .products li.product:nth-child(3n) { margin-right: 0; } .woocommerce .products.columns-4 li.product { width: 31.11%; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: right; } .woocommerce .related.products .products.columns-4 li.product { margin-bottom: 30px; } header .iq-button-style-2 { display: none; } header .iq-mobile-main, header .iq-mobile-main .iq-button-style-2 { display: block; } header .iq-mobile-main { background-color: var(--white-color); padding: 15px; } header .navbar-light { align-items: center; } header.style-vertical .navbar ul li.current-menu-item a, header.style-vertical .navbar ul li a:hover { background: inherit; } header.style-vertical .navbar ul li i { padding: 0; } header.style-vertical .navbar ul.navbar-nav, header.style-vertical .menu-main-menu-container { max-height: inherit; } header .navbar ul li .sub-menu, header .navbar ul li:hover .sub-menu { display: none; background: rgba(125, 144, 166, 0.14); position: relative; top: 0; width: 100%; padding: 10px; z-index: 9; } header .navbar ul li .sub-menu li:hover>.sub-menu { width: 100%; background: rgba(125, 144, 166, 0.14); position: relative; left: 0; box-shadow: none; padding: 10px; } header .navbar ul.navbar-nav { padding: 10px 105px 10px 116px; overflow-y: scroll; overflow-x: hidden; min-height: 100vh; float: left; display: inline-block; width: 100%; background: var(--white-color); } header .navbar ul li:hover .sub-menu { box-shadow: none; } header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 10px 15px; } header.style-one.style-two ul li .sub-menu, header.style-one.style-two .navbar ul li:hover .sub-menu { background: var(--body-text); } header.menu-sticky .main-header { padding: 10px 15px; } header .navbar .navbar-nav li .sub-menu li a, header .navbar ul li .sub-menu li .sub-menu li.menu-item a { background: var(--white-color); } header .navbar ul li .sub-menu li:hover>.sub-menu, header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu { padding: 10px; } header .main-header { z-index: 99; } header .navbar .sub-main .blue-btn.button { right: 70px; position: relative; } header .navbar-light .navbar-toggler { transition: all 0.5s ease; background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); padding: 0.25rem .50rem; position: relative; right: 0px; } header .navbar-light .navbar-toggler:hover { background: var(--secondary-color); border-color: var(--secondary-color); } header.style-one .navbar-light .navbar-toggler { right: 0; } header .navbar-light .navbar-toggler:focus { outline: none } header .navbar-collapse { position: absolute; top: 60px; line-height: 0; left: 0; display: inline-block; width: 100%; -webkit-box-shadow: 0px 10px 30px 0px rgb(23 28 37 / 0.1); -moz-box-shadow: 0px 10px 30px 0px rgb(23 28 37 / 0.1); box-shadow: 0px 10px 30px 0px rgb(23 28 37 / 0.1); background-color: #fff; min-height: 100vh; } header .iq-search { padding: 10px 15px; display: inline-block; vertical-align: top; width: 100%; } header #searchcollapse { display: block !important; position: relative; top: 0; margin: 0; left: 0; width: 100%; } header .iq-search>i { display: none; } header .iq-mobile-main .iq-button { height: 50px; line-height: 28px; } header.menu-sticky .navbar-collapse { top: 65px; } header.style-one.style-two .navbar ul, header.style-one.style-two { background: var(--secondary-color); } header .navbar ul { float: left; display: inline-block; width: 100%; background: var(--white-color); } header .navbar ul li.current-menu-parent>a { color: var(--primary-color); } header .navbar ul li, header .navbar ul.sub-menu li { margin-right: 0; display: inline-block; position: relative; width: 100%; } header .navbar ul li a { border-radius: 0px; color: var(--title-color); line-height: normal; display: inline-block; width: 100%; font-size: 18px; padding: 15px; z-index: inherit; text-align: left; } header .navbar ul li a:before { border-radius: 0 } header .navbar ul li .sub-menu li a { color: var(--color-black); padding: 10px 15px; } #iq-menu-container .menu-item .sub-menu li a { color: var(--color-black); } header .navbar ul li i { display: block; position: absolute; right: 10px; top: 0; padding: 12px 15px; line-height: 28px; font-size: 20px; z-index: 9; color: var(--primary-color); transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out } header .navbar ul li.current-menu-item i, header .navbar ul li.current-menu-parent i { color: var(--primary-color); } header.menu-sticky .main-header .navbar ul li a { line-height: normal; text-align: left; } header.menu-sticky .main-header .navbar ul li:hover .sub-menu { top: 0 } header .navbar ul li .sub-menu li i { top: 0; right: 0; color: var(--secondary-color); font-size: 20px; padding: 0px 10px; line-height: 5px; } header .navbar ul li .sub-menu li:hover>.sub-menu { width: 100%; background: #f6f5f7; position: relative; left: 0; box-shadow: none; padding: 0px; } /* header .navbar ul li .sub-menu li i:before { content: "\f107" } */ header .navbar ul li.current-menu-item a, header .navbar ul li a:hover { color: var(--primary-color); } header.style-one .navbar-brand { line-height: 0; } header.style-one .shop_list { background: none !important; position: absolute; right: 60px; top: 17px; } header.style-one li .search-box .search-submit { top: -46px; right: -6px; } header.style-one li .search-box .search-submit i { color: var(--secondary-color); } header.style-one li .search-box input[type="search"] { right: 0; top: -30px; } header.style-vertical .vertical ul { background: transparent; } header.style-one.style-two .navbar ul li.current-menu-item a, header.style-one.style-two .navbar ul li a:hover { color: var(--white-color); } header.style-one.style-two .navbar ul li .sub-menu li:hover, header.style-one.style-two .navbar ul li a:hover, header.style-one.style-two .navbar ul li.current-menu-item a, header.style-one.style-two .navbar ul li.current-menu-parent a, header.style-one.style-two .navbar ul li.current-menu-parent i, header.style-one.style-two .navbar ul li.current-menu-item i { color: var(--white-color); } header.style-one.style-two .navbar ul li.current-menu-parent>a, header.style-one.style-two .navbar ul li .sub-menu li.current-menu-item a { background: var(--primary-color); color: var(--white-color); } header.style-one .blue-btn.button { position: inherit; padding: 6px 20px; } footer .container { padding: 0 15px; } #iq-menu-container .menu-item i, #iq-menu-container .menu-item i { color: var(--body-text); } } @media(min-width:768px) and (max-width: 1024px){ header .navbar{ padding: 0 70px; } header .navbar ul.navbar-nav{ padding: 0 46px 0 56px; } } @media(max-width:991px) { .iq-widget-menu .post-img .post-blog a.new-link h5 { font-size: 16px; line-height: 24px; } .iq-widget-menu .post-img .post-blog .blog-box ul .blog-date a { line-height: normal; } .copyright-footer #footer-menu { justify-content: center; } .copyright-footer #footer-menu li a { margin: 0 10px; } .header-search-dnone { display: none; } .iq-breadcrumb-one { padding: 40px 15px; } } @media(max-width:767px) { #new-sticky { margin-right: 0; } header.header-three .sub-header-three { display: none; } header.style-one .sub-header .request-btn a { padding: 14px 30px; margin-left: 0px; right: -15px; top: 2px; } header.style-one .sub-header .request-btn a:before { width: 126%; } header.style-one .sub-header .social-icone { margin-left: 0px; } header .sub-header .number-info li, header .sub-header .number-info li:last-child { border: none; } header.style-one .container-fluid.sub-header .row .col-auto.mr-auto { background: var(--white-light-color); } header.style-one .sub-header .number-info li:last-child { text-align: right; } .page-numbers li .prev.page-numbers, .page-numbers li .next.page-numbers { display: none } .commentlist .iq-comment-wrap { display: block } .commentlist ol.children { padding-left: 30px } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: inherit; } .woocommerce .woocommerce-result-count { margin: 0px 0 15px; width: 100%; text-align: center; } .yith-wcwl-add-to-wishlist { top: 40px; right: inherit; left: 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0 15px; } .woocommerce table.shop_table td { display: inline-block !important; width: 100%; } .product-quantity .quantity { float: right; } .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { border-top: 1px solid rgba(0, 0, 0, .1); } .woocommerce-MyAccount-navigation ul { margin: 0 0 30px 0; } header.style-one .sub-header .number-info li a { font-size: 12px; } header.style-one .navbar-light .navbar-toggler { right: 0; } .admin-bar header.menu-sticky { top: 30px; } header .navbar .sub-main .blue-btn.button { position: relative; } header.menu-sticky .navbar-collapse { top: 67px; } .iq-default-blog-style-2 .iq-button-style-2 { margin: 0 0 30px; } footer.footer-one .footer-top { padding-top: 70px; padding-bottom: 50px; } .commentlist .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url, .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 100%; } .container-fluid { padding: 0 30px; } header .navbar{ padding: 0 30px; } header .navbar ul.navbar-nav{ padding: 0 6px 0 15px; } } @media(max-width: 600px){ .admin-bar header.menu-sticky .main-header { top: 0px; } } @media(max-width:576px) { .responsive-vertical-logo-btn .blue-btn.button { display: none; } .iq-title-box .iq-title { font-size: 26px; } } @media(max-width:527px) { #vertical-menu-sub-main { display: none; } header .social-icone li a { margin-left: 5px; } } @media(max-width:479px) { header .navbar-light .navbar-toggler { right: 0; } header.two .request-btn .button, .iq-breadcrumb-one .breadcrumb li:last-child::after { display: none; } header .sub-header .number-info li a { font-size: 12px; } header.style-one .sub-header .request-btn a:before { width: 260%; left: -15px; } .error-404 .big-text { font-size: 150px; line-height: 160px } .iq-coming h1 { font-size: 42px; margin-bottom: 30px; } .maintenance h2 { font-size: 32px; } .iq-coming .countdown li { margin: 10px; width: auto; height: auto; padding: 10px; margin: 0; border: none; } .iq-coming .countdown li span:after { top: -9px; right: -20px; font-size: 24px; } .iq-coming .countdown li span { font-size: 24px; line-height: 24px; } .iq-coming .countdown li p { font-size: 12px; line-height: 20px; font-weight: inherit; } .client-border .owl-carousel .owl-item img { margin: 0 auto; } .about-us-images .main-video { position: relative; top: 0; } .year-info.fly-text { left: 0; } .year-info span { font-size: 80px; } .consulting-blog .blog-button { top: 46px; } .careers-faq .iq-accordion .iq-ad-block .ad-title span { font-size: 20px; } .year-box:before { right: -15px; top: 15px; border-width: 15px 0 0 15px; } .year-box { width: 140px; height: 120px; } .consulting-blog .blog-details { padding: 15px 0 5px; } header .navbar .sub-main .blue-btn.button { display: none; } .year-box span { font-size: 36px; } .iq-blog-box .blog-title a h4 { font-size: 22px; } } @media(max-width:359px) { header.header-three .sub-header { display: block; } header.style-one li .search-box input[type="search"] { right: -8px; } header li .search-box input[type="search"]:focus { width: 235px; } .sub-header { display: none } .error-404 h1 { font-size: 62px; } header.style-one .search-box { display: none } }