#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { font-size: 14px !important; } h1 { font-size: 39px !important; } h2 { font-size: 36px !important; } h3 { font-size: 18px !important; } h4 { font-size: 18px !important; } p { font-size: 14px !important; } .table { font-size: 12px !important; } tbody { font-size: 14px !important; } .checkbox label { font-size: 12px !important; } .tabs-navigation .nav-tabs li .nav-link { font-size: 12px !important; } @media (min-width: 1200px) { #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a { font-size: 14px !important; } } .effectpulse { transition: border-color 1.5s infinite; border-radius: 8px !important; } .effectpulse { cursor: pointer; animation: pulse 1s infinite; border: 2px solid; border: 2px solid #3d1bff; border-radius: 16px; } #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a:hover .effectpulse { display: none; } @keyframes pulse { 0% { border-color: #6544E1; } 50% { border-color: transparent; } 100% { border-color: #3d1bff; } } @media (max-width: 520px) { .mobile-container { margin-top: 50px !important; } .categorySelect { width: 60px !important; margin: 0 10px 0 0; padding: 5px 5px; } .categorySearch { padding: 0 5px 0 10px !important; } .mobile-text { margin: 0px !important; position: absolute !important; bottom: 48px !important; } .max-width { max-width: 19rem; } } @media screen and (min-width: 540px) and (max-width: 768px) and (orientation: portrait) { .mobile-text { margin: 0px !important; position: absolute !important; bottom: 50px !important; } } .imageSize { display: block; } .imageSizeMobile { display: none; } @media (min-width: 768px) and (max-width: 992px) { .tab-pane .new-box-2 { width: 327px; } } @media (max-width: 992px) { .search-with-select .mobile-search-toggle-btn.open + .search-form-wrapper { display: flex; visibility: visible; opacity: 1; z-index: 999 !important; } .search-form-wrapper.input-group { width: inherit !important; } .imageSizeMobile { width: 32px !important; height: 51px !important; top: 0; left: 0; display: block; } .imageSize { display: none; } .competition-size { max-width: 72px !important; min-height: 72px !important; object-fit: contain; } .text-size { width: 200px; } .mobile-container { width: 95%; margin: auto !important; } .announcement-header-area { margin-top: 0rem !important; display: flex !important; flex-direction: column !important; justify-content: center; align-items: center; } .tab-pane .new-box-2 { background: #FFF; box-shadow: 0px 0px 44px -10px rgb(0 0 0 / 15%); transform-style: preserve-3d; transition: ease transform 500ms; height: 150px !important; display: flex; align-items: center; justify-content: center !important; text-align: center; flex-direction: column; } .new-box-2 img { width: 100%; } .tab-pane .new-box-2 { background: #FFF; box-shadow: 0px 4px 15px 0px rgba(173, 173, 173, 0.25); transform-style: preserve-3d; transition: ease transform 500ms; padding: 20px !important; display: flex; align-items: center; justify-content: center !important; text-align: center; flex-direction: column; position: relative; } .tabs.tabs-simple .nav-tabs > li { margin-left: 0; margin-bottom: 10px; transform: scale(.7); display: flex; justify-content: center; } .tabs-mobile { display: none; } } @media (min-width: 1025px) and (max-width: 1280px) { .announcement-header-area { margin-top: 2rem !important; } } input:focus { outline: 0; } .competition-effect:hover { transform: scale(1.05); } .new-box-2 { aspect-ratio: auto; } .tab-pane .new-box-2 { background-color: white !important; padding: 20px !important; display: flex; align-items: center; justify-content: center !important; text-align: center; flex-direction: column; } .tabs.tabs-simple .nav-tabs > li { margin-left: 0; margin-bottom: 20px; display: flex; justify-content: center; } .nav-link.active { border-bottom: 1px solid #285a94 !important; } .featured-box-effect-6 .icon-featured:after { transition: all 0.2s, transform 0.2s; } .nav-link:hover .featured-box-effect-6 .box-content .icon-featured:after { transform: scale(1.1); } .nav-link.active .featured-box-effect-6 .box-content .icon-featured:after { transform: scale(1.1); } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button !important; opacity: 1 !important; pointer-events: auto !important; } .categoryIcon { height: 50px !important; width: 50px !important; line-height: 60px !important; } .categoryIcon img { width: 35px !important; vertical-align: baseline !important; } .categoryTitle { line-height: normal; } .categorySelect { margin: 0 20px 0 0; border: 0 !important; border-left: 1px solid white !important; font-weight: 600; } .categorySearch { padding: 0 5px 0 20px !important; } .search-with-select > .categorySelect:focus { border-right: 1px solid white; } .mobileSearchBtn { color: black !important; border: 1px solid black; border-radius: 15px; padding: 12px; } .mobileSearchBtn:focus { color: black; } .mobileSearchBtn i { font-size: 1.3rem !important; margin-left: 8px; } .mobileSearchBtn .icon-magnifier:before { color: black; } .search-with-select .search-form-wrapper > .form-control::-webkit-input-placeholder { font-weight: 600 !important; } .max-width { max-width: 18rem; } button.comtpBtn { width: 150px; height: 32px; background: #35689C; border-radius: 70px; display: flex; align-items: center; justify-content: start; border: 0; padding: 10px; min-width: max-content; padding-left: 20px; } button.comtpBtn i { color: #fff; margin: 0; padding: 0; line-height: inherit; } button.comtpBtn p { margin: 0 0 0 5px; } .circle { background-color: #0721AC; border-radius: 100%; width: 50px; height: 50px; } .circle-sub { background-color: transparent; border-radius: 100%; width: 50px; height: 50px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .bg-image { position: fixed; z-index: 0; margin: 0; padding: 0; background-image: url(https://cdn.teknofest.org/static/assets/img/competitions/competitions-bg.png); background-repeat: no-repeat; background-size: cover; height: 100vh; overflow: auto; width: 100%; background-position: center; scrollbar-width: none; background-color: transparent; } .bg-image::-webkit-scrollbar { display: none; } .color-bg { background-color: #f2f2f2 !important; border-radius: 50px !important; } .custom-select-2 { position: relative; display: inline-block; } .filter-icon { cursor: pointer; } .dropdown-content { display: none; position: absolute; right: 0; top: 40px; background-color: white; padding: 5px; border-radius: 10px; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; list-style-type: none; } .dropdown-content li { padding: 3px; cursor: pointer; font-size: 11px; } .dropdown-content li:hover { background-color: #f1f1f1; } .competition-size { max-width: 140px; min-height: 140px; object-fit: contain; } .search-container { position: relative; } #closeButton { position: absolute; top: 10px; right: 45px; border: none; background-color: transparent; } #mobileCloseButton { position: absolute; top: 5px; right: 50px; border: none; background-color: transparent; } @media (max-width: 375px) { #mobileCloseButton { position: absolute; top: 5px; right: 35px; border: none; background-color: transparent; } } @media (max-width: 768px) { .mobile-size { font-size: 16px; } } .icon-color { color: #0721ac; font-size: 18px }
html.sticky-header-active #header .header-body { position: fixed; border-bottom-color: rgba(0, 100, 0, 0); box-shadow: 0 0 3px rgba(0, 100, 0, 0); } @media (min-width: 992px) { #header .header-nav.header-nav-line nav > ul li:hover > a::before { background: #fd7302; } } @media (min-width: 992px) { #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top-color: #fd7302; } } @media (max-width: 1200px) { #header .header-nav-main nav > ul > li > a { padding: 0px 1.2rem !important; font-size: 12px; } } #mainNav > li > a { font-size: 1.6rem; } .nav.nav-pills ul > li:hover { color: #fd7302; } header-row-up { top: 0px !important; padding-top: 25px; } #header .header-row { flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1299.98px) { #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a { font-size: 11px; padding: 0 14px !important; } #header .header-nav-features .header-nav-features-user .header-nav-features-toggle { font-size: 11px !important; } #header .header-nav-features .header-nav-feature a { font-size: 11px !important; } } @media (min-width: 1300px) { #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a { font-size: 12px; } } #header .header-nav-features .header-nav-features-user .header-nav-features-dropdown { padding: 10px; } ul.nav-list-simple li { padding: 5px 10px; } ul.nav-list-simple { color: #285a94; } .li-item-year { background-color: #f25f3b !important; width: 100%; } .li-item-year > a.nav-link { color: #fff; } ul.nav-list-simple li:hover { transition: 0.3s; background-color: #f25f3b; color: #fff; } ul.nav-list-simple li:hover a.nav-link { transition: 0.3s; color: #fff; } #header .header-nav-features .header-nav-features-user .header-nav-features-dropdown { padding: 10px; } ul.nav-list-simple li { padding: 5px 10px; } ul.nav-list-simple { color: #285a94; } .li-item-year { background-color: #f25f3b !important; width: 100%; } .li-item-year > a.nav-link { color: #fff; } ul.nav-list-simple li:hover { transition: 0.3s; background-color: #f25f3b; color: #fff; } ul.nav-list-simple li:hover a.nav-link { transition: 0.3s; color: #fff; } @media (min-width: 992px) #header .header-nav-main nav > ul > li > a { padding: unset !important; } @media (max-width: 425px) { .logoArea { width: 80px !important; height: 80px !important; } }