/* * Site-specific theme and navigation overrides. * Dynamic --primary and --secondary values are defined on the element. */ /* Hex */ .bg-primary,.btn,.comments-area .comment-form p input[type="submit"],.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus,.feature-filters .active > [class*="btn"],.list-num-count > li:before,.pagination-bx.primary .pagination > li > a, .pagination-bx.primary .pagination > li > span,button.back-to-top,.rev-btn { background-color: var(--secondary); } /*Hex color :hover */ .btn:active,.btn:hover,.btn:focus,.active > .btn,.bg-primary-dark,.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus ,.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,.sidenav .closebtn:hover,.sidenav .closebtn:focus,.owl-btn-1.primary .owl-prev:hover, .owl-btn-1.primary .owl-next:hover,.owl-btn-2.primary .owl-prev:hover, .owl-btn-2.primary .owl-next:hover,.pagination-bx.primary .pagination > li > a:hover, .pagination-bx.primary .pagination > li > span:hover,.pagination-bx.primary .pagination > li.active > span,.pagination-bx.primary .pagination > li.active > a { background-color: #4d0a91; } /*===================== Primary text color =====================*/ a,.text-primary,.primary li:before,.menu-links .nav > li.active > a,.menu-links .nav > li:hover > a,.menu-links .nav > li .mega-menu > li ul a:hover,.menu-links .nav > li .sub-menu li:hover > a,footer a:active,footer a:focus,footer a:hover,footer h1 a,footer h2 a,footer h3 a,footer h4 a,footer h5 a,footer h6 a,footer p a,.testimonial-1 .testimonial-position,.acod-head a:after,.acod-head a,.acod-head a:hover,.acod-head a.collapsed:hover,.ttr-tabs .nav-tabs > li > a i,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.btn.outline,.btn-link:hover { color: var(--secondary); } /*===================== Secondery bg color =====================*/ .bg-secondry { background-color: #2d3239; } /*===================== Secondery text color =====================*/ .text-secondry { color: #2d3239; } .ovpr-light:after, .ovpr-middle:after, .ovpr-dark:after,.ovpr:after,.bg-primary { background-color: var(--secondary); } .footer-top,.footer-bottom { background-color: #121921; } .ovbl-middle::after, .ovbl-light::after, .ovbl-dark::after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#100018+0,26006c+50,110038+100 */ background: #100018; /* Old browsers */ background: -moz-linear-gradient(45deg, #100018 0%, var(--secondary) 50%, #110038 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #100018 0%,var(--secondary) 50%,#110038 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(148deg, #151515 0%,var(--secondary) 50%,#1d1c1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */ } .ttr-notify-header::after,.widget-bg1,.ttr-search-bar,.ttr-header,.ovpr-dark:after, .pricingtable-main,.account-head:after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--secondary)+0,3f189a+100 */ background: var(--secondary); /* Old browsers */ background: -moz-linear-gradient(45deg, var(--secondary) 0%, #3f189a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, var(--secondary) 0%,#3f189a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, var(--secondary) 0%,#3f189a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */ } /* Secondry Color */ .portfolio-bx .portfolio-info-bx,.btn.outline:hover,.course-info-list ul li a.active, .course-info-list ul li a:hover,.btn,.profile-tabnav .nav li a.active,button.back-to-top,.upcoming-event-carousel.owl-btn-1 .owl-prev, .upcoming-event-carousel.owl-btn-1 .owl-next,.courses-carousel .owl-nav .owl-next, .courses-carousel .owl-nav .owl-prev, .recent-news-carousel .owl-nav .owl-next, .recent-news-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next, .testimonial-carousel .owl-nav .owl-prev { background-color: var(--primary); color: #fff; } .footer_widget ul li a:hover,[class*="ovbl-"] .counter-style-1 .counter-text,.header-transparent .secondary-menu .btn-link:hover,.header-transparent .menu-links .nav > li:hover > a,.header-transparent .menu-links .nav > li.active > a { color: var(--primary); } .course-info-list ul li a.active:hover, .course-info-list ul li a:hover,.btn:hover,.profile-tabnav .nav li a.active:hover,button.back-to-top:hover,.upcoming-event-carousel.owl-btn-1 .owl-prev:hover, .upcoming-event-carousel.owl-btn-1 .owl-next:hover,.courses-carousel .owl-nav .owl-next:hover, .courses-carousel .owl-nav .owl-prev:hover, .recent-news-carousel .owl-nav .owl-next:hover, .recent-news-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover, .testimonial-carousel .owl-nav .owl-prev:hover { background-color: var(--secondary); color: #fff; } .heading-bx.left .title-head { border-color: var(--primary); } .block-head{color:var(--secondary)!important;} .top-bar { background-color: var(--secondary)!important; } .cours-search-bx{ background-color: var(--secondary)!important; } .header-transparent .is-fixed .menu-bar, .is-fixed .menu-bar { background: #fff !important; background-color: #fff !important; } .header-transparent .is-fixed .menu-links .nav > li > a, .is-fixed .menu-links .nav > li > a { color: var(--primary) !important; } .header-transparent .is-fixed .navbar-toggler span, .is-fixed .navbar-toggler span { background-color: var(--primary) !important; } @media (min-width: 992px) { .sticky-header .menu-bar > .container { width: 90%; max-width: 90%; } .sticky-header .menu-links { justify-content: center !important; } .sticky-header .menu-links .nav { float: none; width: max-content; max-width: 100%; margin: 0 auto; flex-wrap: nowrap; justify-content: center; } } .menu-links .nav > li > ul.sub-menu { max-height: min(70vh, calc(100vh - 110px)); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--primary) #f1f1f1; } .menu-links .nav > li > ul.sub-menu::-webkit-scrollbar { width: 6px; } .menu-links .nav > li > ul.sub-menu::-webkit-scrollbar-track { background: #f1f1f1; } .menu-links .nav > li > ul.sub-menu::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; } .sub-menu li{ position:relative; } .menu-links .nav > li > .sub-menu .sub-menu { position: static !important; left: auto !important; top: auto !important; display: none !important; width: 100%; min-width: 0; margin: 0 !important; padding: 0 0 0 12px; border: 0; border-radius: 0; box-shadow: none; opacity: 1 !important; visibility: visible !important; background: #f7f7fb; } .menu-links .nav > li > .sub-menu li:hover > .sub-menu, .menu-links .nav > li > .sub-menu li.open > .sub-menu { display: block !important; } .tparrows { display: block !important; visibility: visible !important; opacity: 1 !important; z-index: 9999 !important; background: rgba(0, 0, 0, 0.6) !important; border-radius: 50% !important; width: 50px !important; height: 50px !important; line-height: 50px !important; text-align: center !important; transition: all 0.3s ease !important; } .tparrows:hover { background: #0f172a !important; } .tparrows:before { font-family: 'FontAwesome' !important; font-size: 20px !important; color: #ffffff !important; line-height: 50px !important; display: block !important; font-weight: normal !important; } .tparrows.tp-leftarrow:before { content: "\f053" !important; } .tparrows.tp-rightarrow:before { content: "\f054" !important; }