*/ .customers article { background-color: var(--axia-light-grey); border-radius: 0.5rem; padding: 1rem 1rem 1.5rem 1rem; margin: 1rem 0rem; } .testimonials article { background-color: var(--axia-light-grey); border-radius: 0.5rem; padding: 1rem; } .testimonials .carousel article { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .platform-features article { background-color: var(--axia-light-grey); border-radius: 0.5rem; padding: 1rem; margin-bottom: 2rem; text-align: center; align-items: center; } .news article { border-radius: 0.5rem; background-color: var(--axia-light-grey); } .blog article, .archive article { border-radius: 0.5rem; margin-bottom: 2rem; background-color: var(--axia-light-grey); } .single article { background-color: inherit; } /*

*/ hr { border-top-color: var(--axia-grey); } /*

,

/ h1 { font-size: 48px; font-weight: var(--font-regular); margin-bottom: 1rem; } .hero h1 { color: var(--axia-black); } h2 { font-size: 36px; font-weight: var(--font-regular); margin-bottom: 1.5rem; } h3 { font-size: 22px; font-weight: var(--font-bold); margin-bottom: 1rem; } .our-work h3 { text-align: center; font-weight: var(--font-regular); } h4 { font-size: 18px; font-weight: var(--font-bold); } /
/ p { font-size: var(--base-size); } form p, .testimonials article p, .platform-features article p { margin-bottom: 0rem; } .hero p { color: var(--axia-black); font-size: 18px; font-weight: 500; max-width: 40%; } .achievements p { text-align: inherit; font-size: 20px; font-weight: var(--font-bold); text-transform: capitalize; color: var(--axia-light-grey); margin: 0.25rem 0rem; } .about p, .solutions p, .platform-features article p { color: var(--axia-dark-grey); } .faq #accordion .card-body p { margin-bottom: 0.25rem; } .platform-features article .feature-name { font-size: 22px; font-weight: 600; margin-bottom: 0.75rem; color: inherit; } .testimonials .customer-name { font-weight: var(--font-bold); margin-top: auto; } .smallprint { font-size: 14px; color: var(--axia-grey); text-transform: uppercase; } .news article .post-content .smallprint { color: var(--axia-grey); } footer .footer-bottom .smallprint { color: var(--axia-light-grey); margin-bottom: 0px; } /
,
,
/ main ul, main ol { padding-inline-start: 1.5rem; } .courses ul { padding-left: 1.25rem; } .pagination ul { display: contents; } footer nav ul { list-style-type: none; padding: 0rem; margin: 0rem; display: grid; grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } main li { margin: 0.75rem 0rem; padding-left: 0rem; } .courses li { margin: 0.75rem 0rem; } .pagination li { display: inline; } .carousel-indicators li { background-color: var(--axia-white); } header .dropdown-menu { padding: 0rem; border-radius: 0.25rem; border: none; margin-top: 0rem; } .dropdown:hover > .dropdown-menu { display: block; } / , / .our-work img { max-width: 100%; } .customers article img { max-height: 100%; width: auto; height: auto; max-width: 100%; object-fit: contain; } header .logo { width: 38%; height: auto; } footer .logo { width: 100%; height: auto; margin-bottom: 0.5rem; } .single article iframe { max-width: 100%!important; } / <i> / nav .navbar-toggler i { color: var(--white); font-size: 1.5rem; } .achievements i { font-size: 4rem; color: var(--axia-light-grey); } .platform-features article i { font-size: 3rem; padding-bottom: 0.75rem; color: var(--axia-blue); } / <a>, <button> / a { transition: all 0.5s; font-size: var(--base-size); color: var(--axia-blue); } a:hover { text-decoration: none; color: var(--axia-blue); } header nav a, header .header-navigation a { color: var(--axia-white); font-weight: var(--font-bold); margin: 0rem 1rem 0rem 0rem; } header nav a:hover, header nav button:hover, header .header-navigation a:hover { color: var(--axia-grey); } header .dropdown-menu a { background-color: var(--axia-white); color: var(--axia-dark-grey)!important; border: none; border-radius: 0.25rem; } header .dropdown-menu a:hover { background-color: var(--axia-light-grey); } header .dropdown-menu a:active, .dropdown-item.active { background-color: var(--axia-light-grey); } header nav li.dropdown > a::after { content: " \25BC"; / unicode for down arrow / font-size: 0.6rem; margin-left: 0.1rem; vertical-align: middle; } .blog article .post-content .smallprint a, .archive article .post-content .smallprint a { font-size: inherit; } .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled { color: var(--axia-blue); font-weight: var(--font-bold); text-decoration: none; padding: 0.75rem 0.25rem 0.75rem 0.25rem; margin-right: 0.5rem; } .pagination li a:hover, .pagination li.active a { color: var(--axia-pink); } footer nav a { padding: 0rem 0rem 0rem 0.25rem; } footer a, footer nav ul li { color: var(--axia-grey); font-weight: var(--font-bold); margin: 0rem 0rem 1rem 0rem; } nav, .navbar, .nav-link { padding: 0rem; } .dropdown-item { padding: 0.5rem 1.25rem; } .btn { transition: all 0.5s!important; padding: 0.6rem 2rem!important; font-weight: var(--font-bold)!important; font-size: var(--base-size)!important; border: none; border-radius: 0.25rem; text-transform: lowercase; } .btn:hover { text-decoration: none!important; } .btn-blue { background-color: var(--axia-blue)!important; color: var(--axia-white)!important; } .btn-blue:hover { background-color: var(--axia-pink)!important; } .btn-pink { background-color: var(--axia-pink)!important; color: var(--axia-white)!important; } .btn-pink:hover { background-color: var(--axia-blue)!important; } .btn-round { border-radius: 100%!important; padding: 0rem 0.25rem!important; } header .btn-round { border: 2px solid var(--axia-light-grey)!important; background-color: var(--axia-light-grey)!important; color: var(--axia-yellow)!important; } header .btn-round:hover { color: var(--axia-blue)!important; } .btn-icon { font-size: 1.25rem; margin: 0rem 0.4rem 0rem 0.2rem; } #btn-top { display: none; position: fixed; bottom: 2rem; right: 2rem; z-index: 99; border: none; outline: none; background-color: var(--axia-blue); color: var(--axia-white); cursor: pointer; padding: 0.75rem 1rem; border-radius: 0.75rem; font-size: var(--base-size); } #btn-top:hover { transition: all 0.5s; background-color: var(--axia-pink); } .faq #accordion .btn-accordion { transition: all 0.5s!important; padding: 0.5rem 0rem!important; text-transform: unset; color: var(--axia-dark-grey); text-align: left; } header nav .navbar-toggler { padding: 0rem; } / <form>, <input>, <textarea>, wpcf7 / form input[type=submit] { transition: all 0.5s!important; padding: 0.6rem 2.5rem!important; font-weight: var(--font-bold)!important; font-size: var(--base-size)!important; background-color: var(--axia-dark-grey)!important; color: var(--axia-white)!important; text-transform: lowercase; width: auto!important; margin-top: 1.25rem; } form input[type=submit]:hover { text-decoration: none!important; background-color: var(--axia-blue)!important; color: var(--axia-white)!important; } form input, form textarea { width: 100%; border: none; outline: none; border-radius: 0.25rem; padding: 0.5rem 1rem; background-color: var(--axia-white); color: var(--axia-grey); } form textarea { height: 10rem; } .wpcf7-quiz { width: 3rem!important; margin-left: 0.5rem; } .wpcf7-not-valid-tip { color: var(--dark-grey); font-size: 1rem; font-weight: var(--font-bold); padding-top: 0.5rem; } .wpcf7 form .wpcf7-response-output { border: none!important; margin: 0rem!important; padding: 1rem 0rem 0rem 0rem!important; font-weight: var(--font-bold); } / <table> / table { max-width: 100%; margin-bottom: 1.5rem; font-size: var(--base-size); } th, td { padding: 0.75rem; border: 1px solid var(--axia-dark-grey); } / backgorund classes / .bg-img { background-size:cover; background-position:center; background-repeat: no-repeat; } .solutions .bg-img { height: 12rem; border-radius: 0.5rem; } .support .bg-img, .feedback .bg-img { width: 94%; height: 14rem; border-radius: 0.5rem; } .bg-white { background-color: var(--axia-white); } .bg-yellow { background-color: var(--axia-yellow); } .bg-light-grey { background-color: var(--axia-light-grey); } / text classes / .txt-bold { font-weight: var(--font-bold); } .txt-black { color: var(--axia-black); } .txt-dark-grey { color: var(--axia-dark-grey); } .txt-grey { color: var(--axia-grey); } .txt-light-grey { color: var(--axia-light-grey); } .txt-white { color: var(--axia-white); } / align / .alignnone { margin: 1.5rem 0rem 1.5rem 0rem; } .alignleft { float: left; margin: 0.5rem 1.75rem 0.75rem 0rem; } .alignright { float: right; margin: 0.5rem 0rem 0.75rem 1.75rem; } .aligncenter, div.aligncenter { display: block; margin: 0.5rem auto 0.75rem auto; } / caption / .wp-caption { background: var(--white); border: 0.1rem solid var(--light-grey); text-align: center; max-width: 100%; } .wp-caption p.wp-caption-text { margin: 0.25rem 0rem 0rem 0rem; } / screen-reader-text / .screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: var(--light-grey); clip-path: none; color: var(--dark-grey); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; / above WP toolbar. / } / boxes, box, box-heading / .achievements .boxes { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; } .achievements .boxes .box { display: flex; max-width: 60%; align-items: center; text-align: left; gap: 1rem; } .subject-areas .box, .home .solutions .box { transition: all 0.5s; } .solutions .box .box-heading { font-size: 22px !important; font-weight: 600 !important; color: var(--axia-dark-grey); } .home .solutions .box .box-heading, .subject-areas .box .box-heading { transition: all 0.5s; } .home .solutions a:hover .box .box-heading, .home .solutions a .box:hover .box-heading, .subject-areas a:hover .box .box-heading, .subject-areas a .box:hover .box-heading { color: var(--axia-blue); } / article-heading / .blog article .article-heading, .archive article .article-heading { font-size: 22px; color: var(--axia-dark-grey); font-weight: var(--font-bold); margin-bottom: 0.75rem; } .home .news article .article-heading { font-size: 22px; font-weight: var(--font-bold); color: var(--axia-dark-grey); margin-bottom: 0.25rem; transition: all 0.5s; } .home .news article a:hover .article-heading { transition: all 0.5s; color: var(--axia-blue); } / post-content / .news article .post-content, .blog article .post-content, .archive article .post-content { padding: 1rem; display: flex; flex-direction: column; } / content / footer .footer-top .content { width: 80%; } / logo-wrapper / .customers article .logo-wrapper { width: 100%; height: 6.75rem; display: flex; align-items: center; justify-content: center; overflow: hidden; } / thumbnail / .news article .thumbnail { height: 13rem; border-radius: 0.5rem 0.5rem 0rem 0rem; } .blog .thumbnail, .archive .thumbnail { height: 16rem; border-radius: 0.5rem 0.5rem 0rem 0rem; transition: all 0.5s; } / card / .faq #accordion .card-header { background-color: var(--axia-light-grey); border: none; } / Carousel / .carousel-indicators { top: 90%; } .carousel-indicators .active { background-color: var(--axia-white); } .testimonials .carousel-item.__temp-visible { / temporarily make all carousel-items visible to measure height of tallest <article> / display: block !important; position: relative !important; opacity: 0; visibility: hidden; } / lg down / @media (max-width: 1199px) { .hero p { max-width: 45%; } footer i { font-size: var(--base-size); } header nav a, header .header-navigation a { margin: 0rem 0.25rem 0rem 0rem; } footer nav a { font-size: 14px; } header .header-navigation .phone-btn { padding: 0rem 0.25rem !important; border: 2px solid var(--axia-light-grey) !important; border-radius: 100% !important; background-color: var(--axia-light-grey) !important; color: var(--axia-yellow) !important; } .support .bg-img, .feedback .bg-img { width: 94%; height: 14rem; } .achievements .boxes .box { max-width: 70%; } .solutions .box .box-heading { font-size: 18px; } } / md down / @media (max-width: 991px) { .section-padding { padding: 4rem 0rem; } header .header-navigation { padding: 1rem 0rem; } .hero { padding: 3rem 0rem; } .home .customers .col-md-4:nth-child(7), / reduce number of customer posts on mobile / .home .customers .col-md-4:nth-child(8), footer nav ul li:nth-child(1), / reduce number of nav items on mobile / footer nav ul li:nth-child(5), footer nav ul li:nth-child(8) { display: none; } h1 { font-size: 40px; margin-bottom: 0rem } h2 { font-size: 32px; margin-bottom: 1.25rem; } .blog article .article-heading, .archive article .article-heading { font-size: 24px; } .our-work h3 { font-size: 18px; } .hero p { max-width: 65%; } .achievements p { font-size: 16px; margin: 0rem; } .smallprint { font-size: 12px; } footer nav ul { grid-template-columns: 1fr 1fr; } .dropdown-menu { display: block; } header .logo { width: 45%; } .achievements i { font-size: 3rem; } header .header-navigation a { margin: 0rem 0rem 0.25rem 0rem; } header .contact-col a { margin-left: 0.5rem; } .blog article .smallprint a, .archive article .smallprint a { font-size: 14px; } footer a { margin: 0.5rem 0rem; } header .dropdown-menu, header .dropdown-menu a, header .dropdown-menu a:hover, header .dropdown-item.active { background-color: transparent; color: var(--axia-white)!important; } header .dropdown-item { padding: 0rem 1.25rem; } .support .bg-img, .feedback .bg-img { width: 94%; height: 14rem; } .achievements .boxes .box { max-width: 80%; } header .contact-col { margin-top: 0.25rem; } .blog .thumbnail, .archive .thumbnail { height: 10rem; } header #bs4navbar { margin-top: 0.5rem; } } / sm down / @media (max-width: 767px) { .hero { padding: 2rem 0rem; } .home .hero { background-image: none; background-color: #F2F2F2AF; } .testimonials, .contact { background-image: none; background-color: #f2f2f29c; } footer .footer-top { padding: 2rem 0rem; } .testimonials article:nth-child(1) { margin-bottom: 2rem; } .hero p { max-width: 90%; } .achievements p { text-align: center; } footer nav ul { display: flex; gap: 1rem; } footer nav ul li:nth-child(2), / reduce number of nav items on mobile / footer nav ul li:nth-child(4), footer nav ul li:nth-child(7), .testimonials .carousel-inner .col-12:nth-child(2), / hide 2nd Testimonial on carousel slides on mobile / .page-template-subject-areas .platform-features .col-12:nth-child(5), .page-template-subject-areas .platform-features .col-12:nth-child(6), .page-template-our-platform .platform-features .col-12:nth-child(9) { display: none; } header .logo, footer .logo { width: 55%; } .courses .col-12 { margin-top: -1rem; } .achievements .boxes .box { flex-direction: column; text-align: center; gap: 0.5rem; max-width: 100%; } footer .footer-top .content { width: 80%; } .blog .thumbnail, .archive .thumbnail { height: 13rem; border-radius: 0.5rem 0.5rem 0rem 0rem; } } / xs down / @media (max-width: 575px) { .section-padding { padding: 3rem 0rem; } .hero { padding: 1rem 0rem; } footer .footer-top { padding: 1.5rem 0rem; } footer .footer-bottom { padding: 0.5rem 0rem; } .platform-features article { margin-bottom: 1rem; } h1 { font-size: 38px; } .hero p { max-width: 100%; } .achievements p { text-align: left; font-size: 20px; } footer nav ul li:nth-child(6) { display: none; / reduce number of nav items on mobile / } header .logo { width: 18rem; padding: 1rem 0rem; } footer .logo { width: 18rem; } .achievements i { width: 2rem; text-align: center; flex-shrink: 0; font-size: 1.75rem; } .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled { padding: 0rem; } .page-template-our-platform .platform-features .col-12:nth-child(9) { display: block; } .achievements .boxes { grid-template-columns: 1fr; justify-items: center; gap: 1rem; } .achievements .boxes .box { display: grid; grid-template-columns: 2rem 1fr; align-items: start; width: 100%; text-align: left; gap: 0.5rem; } .customers article .logo-wrapper { height: 5rem; } } / custom down */ @media (max-width: 480px) { .single article img { padding: 0px; margin: 0rem; } } @media (max-width: 400px) { h1 { font-size: 32px; } header .logo, footer .logo { width: 90%; } .alignnone, .alignleft, .alignright, .aligncenter { display: block; float: none !important; margin-left: auto; margin-right: auto; clear: both; width: 100%; height: auto; } .wp-caption, .wp-caption img, footer .footer-top .content { width: 100% !important; } }