/*! Theme Name: Buddy-News Theme URI: Author: Creative Designs Author URI: https://creativbydesigns.com/ Description: Buddy-News is an intuitive and sophisticated WordPress theme for representing businesses associated with the medical and healthcare industry. It is great for getting websites for hospitals, clinics, clinic, cardiology, Digestive health, Weight loss clinics, Herbal products manufacturing, Diagnostic Centre, Disposable syringe production, Anti-aging, Arthritis, Retail Pharmacy store, Ambulance services, Corporate wellness centers. Version: 1.0.3 Tested up to: 6.4 Requires PHP: 7.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: buddynews Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Buddy-News is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ body { font-family: 'Urbanist'; } p { font-size: 17px; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-weight: 700; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } .img-responsive { width: 100%; height: auto; } .d-flex { display: flex; } .align-items { align-items: center; } .align-items { spa: center; } .justify-content { justify-content: space-between; } /* Header Start*/ /* Top Start*/ .top { padding: 15px 0; } /* Top End */ .boxed { margin: 0 auto; max-width: 1230px; } .boxed .sticky-header { max-width: 1230px; } .boxed .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -13px; } .boxed .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-left: -13px; } /* Menu Start */ .navbar-toggle { background-color: transparent !important; border: 1px solid #ccc !important; margin-top: 40px !important; } .navbar-toggle .icon-bar { background-color: #000 !important; } .navbar-brand { height: auto !important; padding: 5px 0px !important; font-size: 30px !important; margin: 20px 0 0 !important; } /*.navbar-brand img { margin: -20px 0 0 !important; }*/ .nav>li>a { padding: 10px 0px; color: #000; font-size: 16px; } .nav>li { margin: 0px 15px; } .navbar-right .dropdown-menu { left: -50px !important; right: -50px !important; text-align: center !important; } .menu { background-color: #fff; } .sticky-header { position: fixed !important; top: 0; z-index: 99999; width: 100%; } .sticky-header img { max-height: 80px; margin: 0; } .navbar-nav>li>.dropdown-menu { margin-top: 5px !important; border-color: #ddd; } .dropdown-menu .divider { margin: 0px; border: 1px solid rgba(0, 0, 0, 0.1); } .dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.40); padding: 0px !important; border-radius: 0px; } .nav li .dropdown-toggle ::before { content: ""; height: 0; position: absolute; right: 10%; width: 0; font-size: 30px; bottom: 65%; } .nav li .dropdown-toggle .caret { border-left: none; border-right: none; border-top: none; } .dropdown .dropdown-menu::before { border-color: rgba(0, 0, 0, 0.3) transparent; border-style: solid; border-width: 0px 10px 10px; bottom: 100%; content: ""; height: 0; position: absolute; right: 43%; width: 0; } .dropdown .dropdown-submenu .dropdown-menu::after { border-color: #fff transparent; border-style: solid; border-width: 0 13px 20px; bottom: 100%; height: 0; position: absolute; right: 41%; width: 0; display: none; } .dropdown .dropdown-submenu .dropdown-menu::before { border-color: rgba(0, 0, 0, 0.3) transparent; border-style: solid; border-width: 0 15px 23px; bottom: 100%; height: 0; position: absolute; right: 40%; width: 0; display: none; } .dropdown .dropdown-menu::after { border-color: #fff transparent; border-style: solid; border-width: 0 8px 8px; bottom: 100%; content: ""; height: 0; position: absolute; right: 44%; width: 0; } .navbar-collapse .navbar-nav>.active>a, .navbar-collapse .navbar-nav>.active>a:focus, .navbar-collapse .navbar-nav>.active>a:hover { background-color: #fff !important; /* border-bottom: 1px solid #1e7ac8; */ /* color: #1e7ac8; */ color: #1e7ac8; } .navbar-collapse .navbar-nav>li>a:focus, .navbar-collapse .navbar-nav>li>a:hover { background-color: #fff !important; /* color:#1e7ac8; */ color: #1e7ac8; /* border-bottom:1px solid #1e7ac8; */ } .dropdown-menu>li>a { font-weight: 600; padding: 10px 25px !important; white-space: normal !important; font-size: 16px; text-align: left; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #1e7ac8 !important; color: #fff !important; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #fff !important; color: #1e7ac8 !important; } .dropdown-menu .open>a, .dropdown-menu .open>a:focus, .dropdown-menu .open>a:hover { background-color: #1e7ac8 !important; color: #fff !important; } .marginBottom-0 { margin-bottom: 0 !important; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100% !important; margin-top: -1px; margin-left: -1px; margin-right: -130px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .dropdown-submenu>a:after { display: block; content: ""; float: right; width: 0; height: 0; border-color: transparent; font-weight: bold; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: -1px; margin-right: 0px; font-size: 20px; } .dropdown-submenu:hover>a:after, .dropdown-submenu:focus>a:after { border-left-color: #555; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-collapse .navbar-nav>.active>a:focus .dots, .navbar-collapse .navbar-nav>.active>a:hover .dots, .navbar-collapse .navbar-nav>li>a:focus .dots, .navbar-collapse .navbar-nav>li>a:hover .dots { display: block; width: 30px; position: absolute; bottom: 1px; margin-left: 5%; margin-right: 5%; border-bottom: 6px dotted #1e7ac8; } .navbar-collapse .fa-plus { float: right; margin-top: 3px; padding-left: 5px; } .navbar-collapse .dropdown-menu .fa-plus { float: right; margin-top: 3px; /*margin-top: -13px;*/ } /* Menu End */ /* Slider Start*/ .carousel-control { width: 10% !important; } .carousel-control.right, .carousel-control.left { background-image: none !important; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 10% !important; height: 40px !important; width: 50px !important; padding: 5px !important; background-color: #1e7ac8; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 10% !important; height: 40px !important; width: 50px !important; padding: 5px !important; background-color: #1e7ac8; } .carousel-control .glyphicon-chevron-left:hover, .carousel-control .glyphicon-chevron-right:hover, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover, .carousel-control .glyphicon-chevron-left:focus, .carousel-control .glyphicon-chevron-right:focus, .carousel-control .icon-next:focus, .carousel-control .icon-prev:focus { background-color: #333; } .carousel-caption { bottom: 30% !important; background-color: rgba(0, 0, 0, 0.65); left: 15% !important; right: 50% !important; position: absolute; animation-name: zoomInUp; animation-duration: infinite; border-left: 5px solid #1e7ac8; /* transform:rotateX(180deg); transition:opacity 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 975ms, transform 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 975ms, visibility 750ms ease 975ms; */ } .carousel-caption .fa { left: 22%; margin-top: -25px; font-size: 36px; z-index: 99; position: absolute; border-radius: 50%; padding: 5px; } .carousel-caption h1 { float: left; text-align: left; padding-top: 20px; font-size: 42px; width: 100%; padding-left: 10px; /* transform:translateX(-100%); transition:opacity 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 1450ms, transform 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 1450ms; } */ } .carousel-caption p { float: left; font-size: 16px; padding-left: 20px; padding-right: 20px; text-align: justify; padding-top: 20px; } .carousel-caption .btn { position: absolute; border-radius: 0px; bottom: -34px; float: left; padding: 7px 25px; left: -5px; background-color: #1e7ac8; border: 0px; } .carousel-indicators li { width: 15px !important; height: 15px !important; } .carousel-indicators .active { width: 15px !important; height: 15px !important; } .slider .ln { border: 1px solid; left: 6%; margin-top: 20px; position: relative; right: 25%; width: 42%; } .slider .ln1 { width: 29%; left: 12%; right: 30%; margin-top: -7px; position: relative; border: 1px solid; } .slider .item img { max-height: 650px; } /* Slider End*/ /* Text Start */ .text { padding: 20px 0; font-size: 24px; } .text .link { border-radius: 30px; background-color: #1e7ac8; font-size: 18px; } /* Text End */ /* Services Start */ div#primary { margin-top: 10px; border-top: 1px solid #ddd; } .space { padding-top: 40px; padding-bottom: 10px; } h1 { font-size: 63px; text-align: center; } .ln2 { border: 1px solid; left: 38%; margin-top: 40px; position: relative; width: 250px; } .ln3 { width: 180px; left: 41%; right: 30%; margin-top: -7px; position: relative; border: 1px solid; } .heart { font-size: 36px !important; text-align: center; position: absolute; left: 48%; margin-top: -25px; border-radius: 50%; z-index: 99; border-radius: 50%; padding: 2px; } .desc { margin-top: 40px; margin-bottom: 40px; text-align: center; font-size: 16px; font-weight: bold; } .service { min-height: 250px; } .service .icon { font-size: 48px; padding: 0px 20px; } /* Services End */ /* Testimonail Start */ .testimonail { width: 100%; height: 57%; opacity: 1; background: /* top, transparent red, faked with gradient */ linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70)), /* bottom, image */ url(../images/back1.jpg) no-repeat fixed; } .pics { margin-left: 30px; margin-top: 40px; margin-bottom: 40px; } .pics .img-thumbnail { border-radius: 50%; z-index: 99; position: relative; } .testimony { margin-top: 140px; margin-bottom: 40px; margin-left: -105px; background-color: #1e7ac8; color: #fff; opacity: 0.7; } .testimony blockquote { padding: 15px 110px; color: #fff; border-left: 0px; } .testimony .name { position: absolute; bottom: -34px; float: right; right: 10px; } .testimony .pos { position: absolute; bottom: -45px; float: right; right: 10px; } .testimonail .swiper-container-horizontal>.swiper-pagination { bottom: 10px; } .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 0.9; } .swiper-pagination-bullet-active { background-color: #1e7ac8; border: 1px solid #fff; } /* Testimonail Start */ /* News Start */ .news .owl-theme .owl-controls .owl-buttons div { border-radius: 0px; background-color: #1e7ac8; opacity: 1; padding: 0px 15px; font-size: 30px; font-weight: bold; } .news .owl-carousel .owl-next { position: absolute; float: right; right: 10px; width: 40px; height: 40px; top: 40%; } .news .owl-carousel .owl-prev { position: absolute; float: left; left: 10px; width: 40px; height: 40px; top: 40%; } .news .owl-theme .owl-controls .owl-page.active span, .news .owl-theme .owl-controls.clickable .owl-page:hover span, .news .owl-theme .owl-controls.clickable .owl-page:focus span { background-color: #1e7ac8; } .news .owl-theme .owl-controls .owl-page span { background: #000; opacity: 0.9; } .news .date1 { padding: 5px; font-size: 16px; margin: 5px 0px; } .news .category { padding: 5px; font-size: 16px; margin: 5px 0px; } .no-pad { padding: 0px !important; } .news button { margin: 15px 0px; } .news .overlay:hover, .news .overlay:focus { opacity: 1; } .news .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0; bottom: 0; color: white; font-size: 1em; left: 0; opacity: 0; overflow: hidden; padding: 20% 20px; position: absolute; text-align: center; top: 0px; right: 0; -webkit-transition: 0.6s; transition: 0.6s; } .news .owl-carousel .item .overlay a { font-size: 24px; padding: 3px 15px; color: #fff; position: relative; top: 40%; border: 1px solid #fff; } .post-categories { display: inline-block; list-style: outside none none; margin: 0; padding: 0; } .post-categories>li { display: inline-block; } /* News End */ /* Gallery Start */ .gallerys .ln2 { border: 1px solid; left: 42%; margin-top: 40px; position: relative; width: 250px; } .gallerys .ln3 { width: 180px; left: 44%; right: 30%; margin-top: -7px; position: relative; border: 1px solid; } .gallerys .overlay:hover, .widget-footer .overlay:hover, .widget-footer .col-xs-4 .overlay:hover, .gallerys .overlay:focus, .widget-footer .overlay:focus, .widget-footer .col-xs-4 .overlay:focus { opacity: 1; } .gallerys .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0; bottom: 0; color: white; font-size: 1em; left: 0; opacity: 0; overflow: hidden; padding: 10px 20px; position: absolute; text-align: center; top: 0px; right: 0; -webkit-transition: 0.6s; transition: 0.6s; } .gallerys .overlay .ln { border: 1px solid #fff; left: 25%; position: relative; width: 50%; margin-bottom: 40px; } .gallerys .hrt { font-size: 36px; text-align: center; position: absolute; left: 46%; margin-top: -55px; border-radius: 50%; z-index: 99; padding: 2px; } .gallerys .owl-carousel .item .overlay a { font-size: 24px; padding: 3px 15px; color: #fff; position: relative; border: 1px solid #fff; } .gallerys .owl-carousel .item .overlay h5 { margin-top: 20%; } .gallerys .owl-theme .owl-controls .owl-page span { display: none; } .gallerys .owl-theme .owl-controls .owl-buttons div, .gallerys .owl-carousel .owl-next, .gallerys .owl-carousel .owl-prev { display: none; } /* Gallery End */ /* Fun Facts start */ .facts { width: 100%; opacity: 1; background: /* top, transparent red, faked with gradient */ linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70)), /* bottom, image */ url(../images/banner.jpg) no-repeat fixed; } .facts .text-center { margin-top: 60px; font-size: 30px; } .facts .text-center .icon { font-size: 54px; left: 40%; top: -60px; position: absolute; } /* Fun facts end */ /* Clients Start */ .clients .owl-theme .owl-controls .owl-page span {} .clients .owl-theme .owl-controls .owl-buttons div, .clients .owl-carousel .owl-next, .clients .owl-carousel .owl-prev { display: none; } /* Clients End */ /* Appoinmeny Start */ .appoinment {} /* Appoinmeny End */ /* Footer Start */ .footer .widget-footer { padding: 1px; } .footer .widget-footer .footer-heading { padding-bottom: 20px; } .widget-footer .ln { border: 1px solid; margin-left: 10px; margin-top: 10px; margin-bottom: 20px; width: 80px; } .widget-footer .hrt { font-size: 18px; left: 13%; margin-top: -28px; position: absolute; } .widget-footer p { margin-top: 20px; } .widget-footer a span { margin-top: 20px; font-size: 16px; } .widget-footer .col-xs-12 { margin: 5px 0; padding: 0; } .widget-footer .col-xs-12 .col-xs-3 { margin-top: 20px; padding: 0; } .widget-footer .col-xs-12 .col-xs-9 { padding: 5px 0 5px 10px; } .widget-footer .col-md-12 .col-xs-4 { padding: 10px; } .widget-footer span { color: #fff; } .widget-footer .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0; bottom: 0; color: white; font-size: 1em; left: 0; opacity: 0; overflow: hidden; padding: 10px 20px; position: absolute; text-align: center; top: 0px; right: 0; -webkit-transition: 0.6s; transition: 0.6s; } .widget-footer .overlay a { font-size: 14px; padding: 3px; color: #fff; position: relative; top: 5%; } .widget-footer .col-xs-4 .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0; bottom: 10px; color: white; font-size: 1em; left: 10px; opacity: 0; overflow: hidden; padding: 10px 20px; position: absolute; text-align: center; top: 10px; right: 10px; -webkit-transition: 0.6s; transition: 0.6s; } .footer-bottom { padding: 30px 0px; font-size: 18px; } .footer-bottom a { margin: 5px; } /* Footer End */ /* blog start */ .cover { width: 100% !important; opacity: 1; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .cover h4 { text-align: center; } /* blog end */ /* sidebar start */ .sidebar {} .sidebar-widget { margin: 10px 0px 15px; padding: 20px; border-radius: 15px; border: 2px solid #e5e5e5; } .sidebar-widget h2.wp-block-heading { font-size: 20px; margin: 0 0 5px; font-weight: bold; font-size: 20px; } .sidebar-widget .line { width: 80px; border: 2px solid; position: relative; } .sidebar-widget ul, .sidebar-widget ol { padding: 0; } .sidebar-widget a { margin: 8px 0px; } .sidebar-widget .col-xs-12 { margin: 5px 0px; padding: 0px; } .sidebar-widget .col-xs-12 .img-thumbnail { border: 0px; } .sidebar-widget .col-xs-12 .col-xs-3 { padding: 0px; margin-top: 10px; } .sidebar-widget .col-xs-12 .col-xs-9 { padding: 0px 0px 0px 10px; } .sidebar-widget .col-xs-3 .overlay:hover, .sidebar-widget .img-thumbnail .overlay:hover, .sidebar-widget .col-xs-4 .overlay:hover, .sidebar-widget .col-xs-3 .overlay:focus, .sidebar-widget .img-thumbnail .overlay:focus, .sidebar-widget .col-xs-4 .overlay:focus { opacity: 1; } .sidebar-widget .col-xs-3 .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0 center; bottom: 0; color: white; font-size: 1em; left: 0; opacity: 0; overflow: hidden; padding: 20px; position: absolute; right: 0; text-align: center; top: 0; transition: all 0.6s ease 0s; } .sidebar-widget .col-xs-3 .overlay a { color: #fff; position: relative; top: 30%; } .sidebar-widget .img-thumbnail .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0; bottom: 35%; color: white; font-size: 1em; left: 0; opacity: 0; overflow: hidden; padding: 70px 20px; position: absolute; text-align: center; top: 0px; right: 0; -webkit-transition: 0.6s; transition: 0.6s; } .sidebar-widget .img-thumbnail .overlay a { background-color: transparent; border: 1px solid #fff; border-radius: 0; color: #fff; font-size: 20px; left: 5%; padding: 2px 10px; position: relative; top: 20%; float: none; } .sidebar-widget .col-xs-4 { padding: 5px; } .sidebar-widget .col-xs-4 .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0; bottom: 5px; color: white; font-size: 1em; left: 5px; opacity: 0; overflow: hidden; padding: 20px; position: absolute; text-align: center; top: 5px; right: 5px; -webkit-transition: 0.6s; transition: 0.6s; } .sidebar-widget .col-xs-4 .overlay a { color: #fff; position: relative; top: 40%; } .sidebar-widget .nav li { margin: 2px 5px; width: 100%; } .sidebar-widget .nav a { color: #666; font-size: 16px; padding: 7px; } .sidebar-widget .nav .divider { border: 1px solid #ddd; margin: 0 0 0 10px; width: 100%; } .sidebar-widget .nav span { float: left; padding: 5px; } .sidebar-widget .rigt { float: left; padding: 2px 6px; } .sidebar-widget .nav .badge { background-color: transparent; color: #666; float: right; font-size: 18px; } /*Recent News Wigets*/ .buddyn_widgets ul.wp-block-latest-posts li { position: relative; margin-top: 15px; padding-bottom: 15px; } .buddyn_widgets .wp-block-latest-posts__featured-image img { border-radius: 12px; } /* sidebar end */ /* rightside start */ .rightside .post-area { margin: 0px; margin-bottom: 20px; padding: 0 10px; border-radius: 15px; overflow: hidden; } .rightside .img-thumbnail { display: block; border: 0px; padding: 0px; } .rightside .col-md-12 { margin-top: 0px; } .rightside .date1 { margin: 15px 0px; font-size: 13px; font-weight: 600; color: #777; letter-spacing: 2px; text-transform: uppercase; } .rightside p { margin: 10px 0px; word-wrap: break-word; } .rightside .bg { margin: 10px 0px; } .rightside .post-area .img-thumbnail .overlay:hover, .rightside .post-area .img-thumbnail .overlay:focus { opacity: 1; } .rightside .post-area .img-thumbnail .overlay { background: rgba(227, 105, 95, 0.8); bottom: 0; color: white; font-size: 1em; left: 0; opacity: 0; overflow: hidden; position: absolute; text-align: center; top: 0px; right: 0; -webkit-transition: 0.6s; transition: 0.6s; } .rightside .post-area .img-thumbnail .overlay .overlay-icon { margin-top: 22%; } .rightside .post-area .img-thumbnail { overflow: hidden; border-radius: 0 !important; margin-bottom: -2px; z-index: 99; height: 400px; position: relative; } .rightside .post-area .img-thumbnail img { transition: all 0.6s ease 0s; object-fit: cover; height: 100%; } .rightside .post-area .img-thumbnail:hover img, .rightside .post-area .img-thumbnail:focus img { transform: scale(1.3); } .rightside .post-area .img-thumbnail .overlay a { background-color: transparent; border-radius: 0px; color: #000; font-size: 25px; padding: 10px; position: relative; top: 40%; border-radius: 10px; background: #fff; } .rightside .post-area .carousel-control.right { right: 35px; } .rightside .post-area .carousel-control.left { left: 35px; } .rightside .pagination { float: right; } .space .pagination a { background-color: transparent; color: #000; font-size: 18px; margin: 3px; } .post-tags a { padding: 3px 10px; font-weight: 500; margin: 2px; display: inline-block; border-radius: 8px; background: #eee; border: 1px solid transparent; } .blog .category { top: 18px; position: absolute; left: 10px; } .rightside .post-area .img-thumbnail .overlay .category a { font-size: 15px; padding: 5px 10px; line-height: 1; font-weight: 600; border-radius: 8px; background: rgba(255, 255, 255, 0.85); } .post-read-more a { padding: 15px 35px; display: inline-block; margin: 10px 0 20px; font-size: 15px; background: #1e7ac8; color: #fff; border-radius: 12px; line-height: 1; } .post-read-more a:hover { background: #172855; } /* rightside end */ /* masanary start */ .masanary { padding: 2px; padding-top: 50px; } .masanary .col-md-6 .img-thumbnail { display: block; padding: 0px; border: 0px; } .masanary .col-md-6 .img-thumbnail .overlay:hover, .masanary .col-md-6 .img-thumbnail .overlay:focus { opacity: 1; } .masanary .col-md-6 .img-thumbnail .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0; bottom: 57%; color: white; font-size: 1em; left: 0; opacity: 0; overflow: hidden; padding: 25%; position: absolute; text-align: center; top: 0px; right: 0; -webkit-transition: 0.6s; transition: 0.6s; } .masanary .col-md-6 .img-thumbnail .overlay a { background-color: transparent; border: 1px solid #fff; border-radius: 0; color: #fff; font-size: 24px; padding: 1px 5px; position: relative; top: 40%; } .masanary h3, .masanary .date1, .masanary p { padding: 5px 10px; } .masanary .bg { margin: 7px 10px; } .masanary .pagination { float: left; } .masanary .col-md-4 { margin: 10px 0px; } .masanary .col-md-4 .img-thumbnail { display: block; padding: 0px; border: 0px; } /* masanary end */ /* Blog desc start */ .rightside .blog-desc .img-thumbnail .overlay:hover, .rightside .post .owl-carousel .img-thumbnail .overlay:hover, .rightside .blog-desc .img-thumbnail .overlay:focus, .rightside .post .owl-carousel .img-thumbnail .overlay:focus { opacity: 1; } .rightside .blog-desc .img-thumbnail .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0; bottom: 0; color: white; font-size: 1em; left: 15px; opacity: 0; overflow: hidden; padding: 25%; position: absolute; text-align: center; top: 0px; right: 15px; -webkit-transition: 0.6s; transition: 0.6s; } .rightside .blog-desc .img-thumbnail .overlay a { background-color: transparent; border: 1px solid #fff; border-radius: 0; color: #fff; font-size: 24px; padding: 1px 5px; position: relative; top: 40%; } .rightside .post .owl-carousel .img-thumbnail .overlay { background: rgba(53, 159, 255, 0.8) none repeat scroll 0; bottom: 0; color: white; font-size: 1em; left: 15px; opacity: 0; overflow: hidden; padding: 0; position: absolute; text-align: center; top: 0px; right: 15px; -webkit-transition: 0.6s; transition: 0.6s; } .rightside .post .owl-carousel .img-thumbnail .overlay a { background-color: transparent; border: 1px solid #fff; border-radius: 0; color: #fff; font-size: 24px; padding: 1px 5px; position: relative; top: 40%; } .alignleft { display: inline; float: left; line-height: 1.5; margin: 5px 20px 5px 5px; } .alignright { display: inline; float: right; line-height: 1.5; margin: 5px 20px 5px 5px; } .aligncenter { display: table-caption; margin-left: auto; margin-right: auto; width: 100%; height: auto; } .margin { margin-top: 30px; margin-bottom: 30px; } .blogs .rightside .author .col-xs-2 { border: 5px solid #1e7ac8; border-radius: 50%; padding: 0; } .blogs .rightside .line { width: 80px; border: 2px solid #1e7ac8; position: relative; top: 10px; } .blogs .rightside .alignright a { margin: 5px; font-size: 18px; } .blogs .post .owl-theme .owl-controls .owl-buttons div { font-size: 24px; border-radius: 0px; } .blogs .post .owl-carousel .owl-next { float: right; height: 40px; position: absolute; right: 10px; top: 20%; width: 40px; } .blogs .post .owl-carousel .owl-prev { float: left; height: 40px; position: absolute; left: 10px; top: 20%; width: 40px; } .post_content h1, .comment h1 { text-align: left; } .comment .col-xs-2 { border-radius: 50%; left: 1%; top: 30px; position: absolute; } .comment .margin { margin: 20px 0px; margin-left: 8%; } .comment .margin1 { margin: 20px 0px; margin-left: 16%; } .comment .margin2 { margin: 20px 0px; margin-left: 24%; } .comment .margin3 { margin: 20px 0px; margin-left: 32%; } .comment .comment-reply-link { bottom: 10px; color: #1e7ac8; font-size: 16px; position: absolute; right: -10px !important; } .comment .comment-reply-link:hover, .comment .comment-reply-link:focus { color: black !important; } .feedback { margin: 0 !important; margin-top: 30px; padding: 0 5px 0 0; } .feedback .form-group { float: left; padding: 0; margin: 0; } .feedback .form-group label {} .feedback .form-group .form-control { width: 100%; height: 40px; float: left; margin: 10px; background-color: transparent; } .feedback .form-group textarea.form-control { width: 100%; margin: 15px 0; float: left; border-radius: 12px; height: 120px; background-color: transparent; } .feedback form .btn { border-radius: 10px; padding: 10px 30px; font-weight: 500; background-color: #1e7ac8; color: #fff; } .feedback .width { width: 100% !important; } /* blog desc end */ /*Single Blog*/ .single-post-content { padding: 80px; border-radius: 0 0 25px 25px; } .single-post-content .category a { font-size: 16px; font-weight: 500; background: #eee; padding: 3px 20px; line-height: 1; margin-right: 5px; border-radius: 100px; } .single-post-content .post_title h1 { font-weight: bold; text-align: left; line-height: 1; margin-bottom: 20px; } .single-post-content .post_meta .date1 { display: flex; align-items: center; gap: 8px; font-weight: 500; margin-bottom: 25px; } .single-post-content .post_meta .fa-solid { text-transform: capitalize; letter-spacing: 3px; } .single-post-content .post_meta .fa-solid span { font-size: 11px; color: #777; } .single-post-content .post_content p { line-height: 1.8; } .pager li>a, .pager li>span { display: inline-block; padding: 15px 30px; background: #f0f0f0; border-radius: 13px; } /* Service Icon */ .services .line { width: 80px; border: 2px solid; position: relative; top: 10px; } .service-icon a { font-size: 84px; position: relative; top: -10px; } .services .service a { padding: 5px; } .services .service a .icon { font-size: 16px; border-radius: 50%; padding: 5px; } .service .col-md-3 .icon { padding: 20px; } .service .img-thumbnail { border: 0px; } .service4 { min-height: 250px; } .service4 .col-xs-3 .icon { font-size: 48px; padding: 10px 0px; } .service4 .col-xs-12 { min-height: 80px; } .services .service4 a .icon { font-size: 16px; border-radius: 50%; padding: 5px; } /* Service Icon*/ .attachment-post-thumbnail { width: 100%; height: auto; } .alignnone { height: auto; width: 100% !important; } .wp-caption { background: #CACBD2; padding: 0 5px; text-align: center; max-width: 100%; } .wp-caption img { width: 100%; height: auto; } .comment .avatar { border-radius: 50%; height: auto; width: 50%; border: 2px solid #1e7ac8; } .comment .border { margin-bottom: 20px; padding: 20px; border-radius: 20px; } .scrol { width: 40px; height: 40px; position: fixed; bottom: 40px; right: 50px; opacity: 0.8; background-color: #000; color: #fff; text-align: center; font-size: 30px; } .scrol:hover, .scrol:focus { color: #fff !important; border: 1px solid #fff; } .footer .widget-footer caption, .sidebar .sidebar-widget caption { background-color: #1e7ac8; color: #fff; font-size: 18px; margin: 20px 0 0; text-align: center; } .footer .widget-footer th, .footer .widget-footer td { border: 1px solid #fff; padding: 5px !important; font-size: 16px; text-align: center; color: #FFF; } .sidebar-widget th, .sidebar-widget td { border: 1px solid #000; padding: 5px !important; font-size: 16px; text-align: center; color: #000; } .widget-footer #s, .sidebar-widget #s { background-color: transparent; background-image: none; border: 1px solid #ccc; border-radius: 0px !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #ccc; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 80% !important; float: left; } .widget-footer #searchsubmit, .sidebar-widget #searchsubmit { background: rgba(0, 0, 0, 0) url("images/magnifier.png") no-repeat scroll 0 0; border: 1px solid #ccc; border-left: 0px; float: left; height: 34px; padding-top: 15px; width: 35px; content: none; color: transparent; border-radius: 0px !important; } .footer .widget-footer ul { padding: 0px 0px 0px 10px; } .footer .widget-footer li { list-style-type: none; } .footer .widget-footer li a { font-size: 16px; color: #fff !important; font-weight: 100; } .footer .widget-footer li a:hover, .sidebar-widget li a:hover, .footer .widget-footer li a:focus, .sidebar-widget li a:focus { color: #1e7ac8; } .wp-caption-text { font-size: 16px; font-weight: bold; padding-bottom: 5px; } table { width: 100% !important; } .comment ul, .comment ol { padding-left: 10px; } .sidebar-widget ul { padding-left: 10px; } .sidebar-widget li { list-style-type: none; } .single-post-content .post-tags { border-top: 1px solid #eee; margin-top: 20px; } .single-post-content .post-tags ul { padding: 0; display: flex; margin: 15px 0 0; align-items: center; } .single-post-content .post-tags ul a { font-weight: 500; padding: 3px 15px; color: #555; margin: 0; font-size: 15px; display: inline-block; border: none !important; } .post-tags li { margin: 2px; list-style-type: none; display: inline-block; } .single-post-content .post-tags li { margin: 0 0 0 8px; } ul, ol { padding: 10px; font-size: 17px; } ul li, ol li { margin: 3px 0; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .nopage { text-align: center; } .nopage h2 { font-size: 76px; } .nopage h2, .nopage h4 { color: #1e7ac8; } .nopost h2, .nopost h4 { color: #F00; } .gallery-item { border: 1px solid #CCC; padding-top: 5px; } .gallery-item img { max-width: 100%; height: auto; } .gallery-caption { font-weight: 100; border-top: 1px solid #ccc; padding: 0 5px; word-wrap: break-word; } .sticky { padding: 0 1px; } #gallery-1 { max-width: 100%; height: auto; } .bypostauthor {} .breadcrumb { background-color: transparent !important; color: #FFF !important; } .breadcrumb a { color: #FFF !important; } .widget-footer .tagcloud a, .sidebar-widget .tagcloud a { display: inline-block; margin: 2px; padding: 2px 5px; } .pp_social { display: none !important; } .widget-footer li, .sidebar-widget li { border-bottom: 1px solid #ccc; display: inline-block; margin-bottom: 5px; width: 100%; } .widget-footer li { width: 90%; } .widget-footer li a, .sidebar-widget li a { font-size: 17px; float: left; font-weight: 500; width: 100%; line-height: 1.2; transition: all 0.3s; } .widget-footer li .post-date, .sidebar-widget li .post-date { float: left; } .footer .widget-footer .page_item, .sidebar-widget .page_item, .footer .widget-footer .page_item .children li, .sidebar-widget .page_item .children li { padding-left: 5px; border: 0px; width: 100%; margin-bottom: 0px; padding-bottom: 0px; } .footer .widget-footer .page_item a:hover::before, .sidebar-widget .page_item a:hover::before, .footer .widget-footer .page_item a:focus::before, .sidebar-widget .page_item a:focus::before { content: " > "; padding-left: 5px; color: #1e7ac8; } .sidebar-widget .textwidget { border-left: 5px solid #ddd; padding-left: 5px; } .navi { margin: 0 !important; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { cursor: move; } .footer_copyright p { color: #fff; font-size: 16px; } .navbar-brand img { margin: 12px 0; } @media(max-width:480px) { .navbar-header p { margin-top: 0; } .logo a { float: none; } button.col-xs-2.navbar-toggle { margin: 10px 0 0 0 !important; } } @media(min-width:768px) { .navbar-header p { margin-top: 10%; } } @media (min-width: 768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px !important; } } /* custom css */ .carousel { overflow: hidden; } .size-full.aligncenter, .wp-image-906 { width: 580px; } .alignleft, .singlepage .size-full.alignright.wp-image-904, .wp-image-904, .wp-image-968 { width: 150px; } .size-full.alignright, .wp-image-905 { width: 300px; } .wp-image-827 { width: 160px; } .widget_categories li a, .widget_archive li a { float: left; clear: both; } .widget_archive select, .widget_categories select { width: 100%; border: 1px solid #9c9a9a; padding: 10px; } .admin-bar .sticky-header { top: 30px; } * { word-wrap: break-word; } .wl-theme-pagination nav.navigation.pagination { display: flex; justify-content: center; float: none; align-items: center; } .wl-theme-pagination span.page-numbers.current { line-height: 1; border: 1px solid #1e7ac8; padding: 3px 11px; font-weight: 600; color: #fff; background-color: #1e7ac8; font-size: 18px; } .wl-theme-pagination a.page-numbers { border: 1px solid #1e7ac8; padding: 3px 11px; font-weight: 600; color: #1e7ac8; } .wl-theme-pagination span.page-numbers { color: #1e7ac8; } p.site-title { text-transform: uppercase; } .site-info { text-align: center; } .col-md-12.col-xs-10.logo p.site-title { margin-top: 23px; } a.custom-logo-link img { width: 100%; max-width: 100%; height: 80px; } a:hover, a:focus { /* color: #1e7ac8 !important; text-decoration: underline !important;*/ color: #1e7ac8 !important; } .footer-bottom {} ul.sub-menu li:hover>ul.sub-menu, ul.sub-menu li:focus>ul.sub-menu, ul.sub-menu li:focus-within>ul.sub-menu, ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li:hover>ul.sub-menu, ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li:focus>ul.sub-menu, ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li:focus-within>ul.sub-menu { left: 100% !important; top: 0 !important; } ul.sub-menu ul.sub-menu ul.sub-menu li:hover>ul.sub-menu, ul.sub-menu ul.sub-menu ul.sub-menu li:focus>ul.sub-menu, ul.sub-menu ul.sub-menu ul.sub-menu li:focus-within>ul.sub-menu { right: 100% !important; left: auto !important; } ul li:hover>ul, ul li:focus-within>ul, ul li ul:hover, ul li:focus>ul, ul li ul:focus { visibility: visible; opacity: 1; display: block; } .navbar-toggle:focus { border: 2px solid #1e7ac8 !important; } /*Menu Accessibility*/ button.open-nav-btn, .close-btn { display: none; } a.custom-logo-link img:focus-visible, a.custom-logo-link:focus, a.custom-logo-link img:focus-within { border: none; } @media(max-width:768px) { .nav { padding-right: 0 !important; } .nav>li>a { padding: 15px 0px 15px 15px !important; color: #fff; } .navbar-collapse .navbar-nav>.active>a { color: #fff; background: #000 !important; } .dropdown-menu>li>a { padding: 10px 10px !important; text-align: left; color: #333; font-family: "Urbanist"; font-size: 16px; } .navbar-right .dropdown-menu { left: 0px !important; opacity: 1; right: 0px !important; text-align: left !important; } button.open-nav-btn, .close-btn { display: block; } button.open-nav-btn { font-size: 2.5rem; border: 1px solid #e8e8e8; background-color: transparent; margin: 10px; background: #eee; border-radius: 10px; padding: 2px 10px; } .slide-content { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: black; overflow-x: hidden; transition: width 0.5s; padding-top: 60px; visibility: hidden; } .slide-content a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #F5F5F5; display: block; } .slide-content a:focus, .slide-content button:focus { outline: none; } main a:focus, .open-nav-btn:focus { outline: 2px solid #1e7ac8; outline-offset: 5px; } .close-btn { font-size: 25px; color: #F5F5F5; background-color: transparent; border: none; } .slide-content a:hover, .slide-content a:focus { text-decoration: underline; } .slide-content .close-btn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } .visible { visibility: visible; } .active { width: 350px; } .navbar-collapse.collapse { display: block !important; } .navbar-nav > li > .dropdown-menu{ margin-top: 0 !important; display: none; } .dropdown-menu.force-show { display: block !important; } }