/* Theme Name: Musart Child Theme URI: https://themeforest.net/user/_nK/portfolio Author: nK Template: musart Author URI: https://nkdev.info/ Description: Musart Child Theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: musart-child Tags: */ /* Theme customization starts here -------------------------------------------------------------- */ .link-effect-2 > span, .link-effect-3 > span{ font-weight: 400 !important; } p{ font-size: 1.1875rem; line-height: 1.875rem; } .text-enlarge p{ font-size:2rem; line-height:1.3;} .nk-main { background-color: #000000; color: #fff; } .item-vertical-center{ align-items: center !important; } .curved-video .nk-awb-wrap{ border-radius: 15px; } .theme-button button{ background-color: #D9D9D9; color: #000000; border-radius: 25px !important; text-transform: uppercase;} .theme-button a{ background-color: #D9D9D9 !important; color: #000000 !important; border-radius: 25px !important; text-transform: uppercase !important; } .three-bi-two>.vc_column_container>.vc_column-inner{ padding:0px !important; } .three-bi-two .vc-hoverbox-back{ transform: none !important; } .three-bi-two .vc-hoverbox-block{ background-image: none !important; } .three-bi-two .vc-hoverbox-block-inner.vc-hoverbox-front-inner{ display: none !important; } .three-bi-two .vc-hoverbox-wrapper{ height: 26rem; border-radius: 15px; } .left-side .vc_do_btn{ text-align: left; float: left; } .right-side .vc_do_btn{ text-align: right; float: right; } .three-bi-two .vc-hoverbox{ height:100% !important; } .three-bi-two .vc-hoverbox-block{ justify-content: end; } .left-side .vc-hoverbox-block-inner { margin-right:30%; } .right-side .vc-hoverbox-block-inner { margin-left:30%; } .vc-hoverbox:before{ content:''; position: absolute; width:100%; height:100%; background: rgb(0 0 0 / 45%); } .right-column{ position: relative; } .move-title-right{ position: absolute; top: 2.25rem; right: 3rem; } .move-bottom-right{ position: absolute; bottom: 0rem; right: 1rem; } .move-title-left { position: absolute; top: 4rem; left: 3rem; } .swiper-container { max-width: 1200px; margin: 0 auto; padding: 20px 0; padding-top:3rem; background: #000; border-radius: 20px; position: relative; overflow: hidden; position: relative; } .swiper-slide { display: flex; justify-content: center; flex-shrink: 0; } .card { background: #000000; color: #fff; border-radius: 20px; overflow: hidden; max-width: 350px; text-align: center; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5); } .image-wrapper { position: relative; } .image-wrapper img { width: 100%; border-radius: 20px;object-fit: cover;min-height: 360px;} .date { position: absolute; top: 10px; left: 10px; color: #fff; padding: 5px 10px; border-radius: 10px; font-size: 1.1875rem; } .card-content { padding: 20px; } h3.text-enlarge{ text-align: left; font-size: 2rem; margin-bottom: 10px; } .card-content h3.text-enlarge {font-size: 1.5rem;line-height: 27px;} .card-content p { text-align: left; margin-bottom: 15px; } .read-more { display: inline-block; text-decoration: none; color: #fff; background: #007bff; padding: 10px 20px; border-radius: 5px; font-size: 0.9em; } .swiper-button-prev-c, .swiper-button-next-c { color: #fff; background: rgba(255, 255, 255, 0.1); padding: 10px; border-radius: 50%; width: 1.875rem; height: 1.875rem; position: absolute; top: 0px; border:1px solid #fff;display: flex; justify-content: center; align-items: center; } .swiper-button-prev-c { left: .5rem; z-index: 10; } .swiper-button-next-c { left: 3rem; /* Position next to the prev button */ z-index: 10; } .swiper-pagination-bullet { background: #fff; width:6px !important; height: 6px !important; } .swiper-pagination{ position: absolute; top: 0px !important; bottom: unset !important; left: 50% !important; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: fit-content !important; padding: 5px 10px; border-radius: 20px; z-index: 10; } .post-read{ position: absolute; bottom: 1rem; z-index: 9; left: 0px; } .post-read a{ background-image: unset !important; background-color: #D9D9D9 !important; color: #000000 !important; border-radius: 25px !important; font-size: 0.8125rem; text-transform: uppercase !important; padding: .5rem 2rem .5rem 1rem !important; margin-left: 1rem;} .post-read i{ right: .5rem !important; } .bg-parent-container{ position: relative; } .bg-parent-container .block-1 p{ font-size: 0.8125rem; color: #fff; position: absolute;/* left: -8rem;*/ top: -16rem; } .bg-parent-container .block-2 p{ font-size: 0.8125rem; line-height:1.5; position: absolute; right: 0rem; top: -16rem; text-align: right; width: 60%; } .bg-parent-container .block-3 p { font-size: 2rem; line-height: 1.3; position: absolute; /*left: -8rem;*/ top: 10rem; } .bg-parent-container .block-4 img { position: absolute; /*right: -8rem;*/ top: 20rem; } .nk-navbar .nk-nav .dropdown { padding: 5px 0; background-color: #86868666; border-radius: 15px; } .custom-full-width { margin: 0 auto; width: 100vw !important; margin-left: calc(50% - 50vw); } .wrap-80 p{ width:80%; margin: 0 auto; display: block; } div#home-banner { position: relative; } .vc_btn3.vc_btn3-size-md { padding: 10px 20px; } div#home-banner:after { content: ""; position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); width: 90%; height: 30px; background: url(https://891160f24910686751.temporary.link/calidus/wp-content/uploads/2025/02/banner-bg.webp) no-repeat center bottom; background-size: contain; visibility: visible; z-index: 99999999; } .item-vertical-center{ position: relative !important; /* Ensures ::before is positioned relative to this */ overflow: visible !important; } .item-vertical-center::before { content: ''; position: absolute !important; top: 0px !important; left: 1rem !important; background-image: url(https://891160f24910686751.temporary.link/calidus/wp-content/uploads/2025/02/img-bullet-m.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; padding: 1rem !important; z-index: 1 !important; display: block !important; } .add-bullet-right-m::before { content: ''; position: absolute !important; top: 0px !important; right: -3rem; background-image: url(https://891160f24910686751.temporary.link/calidus/wp-content/uploads/2025/02/img-bullet-m.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; padding: 1rem !important; z-index: 1 !important; display: block !important; } .add-bullet-left-m::before { content: ''; position: absolute !important; top: 0px !important; left: -3rem; background-image: url(https://891160f24910686751.temporary.link/calidus/wp-content/uploads/2025/02/img-bullet-m.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; padding: 1rem !important; z-index: 1 !important; display: block !important; } .main-footer{ background: #848484; padding:5rem; } .footer-logo img{ width:9.875rem; } .main-footer ul.footer-menu { list-style-type: none; } .main-footer .footer-menu{ font-size: 1.125rem; text-transform: uppercase; } .main-footer ul.footer-menu li a { line-height:2.5; text-decoration: none; font-weight: 600; color: #ffffff; } .sm-channel{ gap: 1rem;} .language-switcher { display: flex; align-items: center; justify-content: center; gap: 10px; font-family: Arial, sans-serif; } .nk-copyright { background-color: rgba(28, 28, 28, 0.6); padding: 1rem 0; } .nk-copyright p{ margin-bottom:0px !important; font-size:.75rem; } @media screen and (min-width: 768px) { .hide-on-desktop { display: none !important; } } @media screen and (max-width: 420px) { .nk-navbar.nk-navbar-top .nk-nav-logo { display: table-cell !important; } } @media screen and (max-width: 768px) { div#footer-bg {min-height: 80vh !important;} .hide-on-mobile{ display: none !important; } .nk-navbar.nk-navbar-top .nk-nav-logo { display: table-cell !important; } .text-enlarge p { font-size: 1.5rem; line-height: 1.3; } .item-vertical-center::before { top: -3rem !important; } .remove-margin>.vc_column-inner { margin:0px !important; } .swap-on-mobile{ flex-direction: column-reverse; } .gap-7{ gap:7px; } .curved-video .nk-awb-wrap{ margin-right:1rem; margin-left:1rem; } .video-helper{ height:50vh !important; } .left-side>.vc_column-inner { margin-right:1rem; margin-left:1rem; } .right-side>.vc_column-inner { margin-right:1rem; margin-left:1rem; } .remove-height{ height: 0px !important; } .move-title-right { position: relative; top: 0px; right: unset; text-align: left !important; } .move-title-left { position: relative; top: unset !important; } .add-bullet-right-m::before{ right:0px !important; } .right-side h2, .right-side p{ text-align: left !important; } .right-side .vc_do_btn { text-align: left; float: left; } .right-side .vc-hoverbox-block-inner { margin-right: 20% !important; margin-left: unset !important; } .core-principle::before{ padding:14rem !important; } .flex-footer{ flex-direction: column; } .main-footer ul.footer-menu{ padding-left:0px !important; } .footer-logo{ margin-bottom:1rem !important; } .sm-channel{ justify-content: flex-start !important; } .bg-parent-container .block-2 p{ right:1rem !important;} .bg-parent-container .block-1 p{ left:1rem !important; } .bg-parent-container .block-3 p{ left:1rem !important; } .bg-parent-container .block-4 img { position: absolute; right: 1rem !important; top: 15rem !important; } } div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea{ background-color: #000000; border-radius: 0px !important; color: rgb(255 255 255 / 70%) !important; border-color: rgb(255 255 255 / 25%) !important; } /* Change WPForms Placeholder Color to White */ .wpforms-form input::placeholder, .wpforms-form textarea::placeholder { color: rgb(255 255 255 / 100%) !important; opacity: 1; /* Ensures full visibility */ } /* For older browsers */ .wpforms-form input:-ms-input-placeholder, .wpforms-form textarea:-ms-input-placeholder { color: rgb(255 255 255 / 100%) !important; } .wpforms-form input::-ms-input-placeholder, .wpforms-form textarea::-ms-input-placeholder { color: rgb(255 255 255 / 100%) !important; } /* Style WPForms Submit Button */ .wpforms-form button[type="submit"], .wpforms-form input[type="submit"] { background-color: #D9D9D9 !important; /* Change Button Color (Red Example) */ color: #000 !important; /* White Text */ border: none !important; padding: .5rem 1rem !important; font-size: 0.9375rem !important; border-radius: 25px !important; cursor: pointer; border-radius: 5px; transition: 0.3s ease-in-out; text-transform: uppercase; } /* Hover Effect */ .wpforms-form button[type="submit"]:hover, .wpforms-form input[type="submit"]:hover { background-color: #D9D9D9 !important; /* Darker Red on Hover */ } /* Align WPForms Submit Button to the Right */ .wpforms-submit-container { text-align: right !important; /* Aligns the button to the right */ display: block !important; width: 100%; /* Ensures full-width alignment */ }