Gifari Industries - BD Cyber Security Team
Home
/
home
/
decohaslibrary
/
bist
/
wp-content
/
themes
/
educollege
/
✏️
Editing: style.css
/* Theme Name:Designed Theme URI: https://themepalace.com/downloads/educollege Author: ICT Unit Author URI: https://# Description: Educollege, a WordPress theme by Theme Palace. It is specially designed for educational websites, colleges, universities, online education providers, or private educational institutions. This theme has an extremely well-organized layout with a sophisticated design. It is fully responsive, cross-browser compatible, translation ready and user friendly Version: 1.0.9 Requires at least: 4.8 Tested up to: 6.7 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: educollege Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, education This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Educollege is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Preloader # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Layouts and Titles # Media ## Captions ## Galleries # Social Icons # Breadcrumb List # Homepage Sections ## Featured Slider ## About Us Section ## Services Section ## Client Section ## Latest Blog # Blog/Archive/Single # Footer # Font Family Options # Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/ #loader { overflow-x: hidden; overflow-y: hidden; vertical-align: middle; background-color: #fff; position:fixed; display: table; width: 100%; top:0; height: 100%; min-height: 100%; z-index:9999; } .loader-container { position: relative; display: table-cell; vertical-align: middle; z-index: 12; text-align:center; text-transform: uppercase; } #preloader { position:relative; margin:auto; width:100px; } #preloader span { display:block; bottom:0px; width: 9px; height: 5px; background:#fff; position:absolute; animation: preloader 1.5s infinite ease-in-out; } #preloader span:nth-child(2) { left:11px; animation-delay: .2s; } #preloader span:nth-child(3) { left:22px; animation-delay: .4s; } #preloader span:nth-child(4) { left:33px; animation-delay: .6s; } #preloader span:nth-child(5) { left:44px; animation-delay: .8s; } .loader-container svg { width: 70px; height: 70px; fill: #990f12; -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } @keyframes preloader { 0% {height:5px;transform:translateY(0px);background: #990f12;} 25% {height:30px;transform:translateY(15px);background: #990f12;} 50% {height:5px;transform:translateY(0px);background: #990f12;} 100% {height:5px;transform:translateY(0px);background: #990f12;} } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .blog-loader { text-align: center; margin-top: 50px; } .blog-loader svg { width: 30px; height: 30px; } #LBloadmore svg.latest-posts-loader, .blog-loader svg { margin-left: 15px; animation: infinitepreloader 1.5s infinite ease-in-out; } @keyframes infinitepreloader { 100%{transform: rotate(180deg);} } .backtotop { background-color: #990f12; z-index: 300; width: 40px; height: 40px; line-height: 36px; font-size: 18px; text-align: center; position: fixed; bottom: -100px; right: 25px; cursor: pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; color: #fff; } .backtotop:hover { background-color: #2c2d39; } .backtotop svg { display: inline-block; vertical-align: middle; fill: #fff; } @-webkit-keyframes colorchange { 0% {border-color: #e30048;} 25% {border-color: #fdc800;} 50% {border-color: #9acf0b;} 75% {border-color: #a93d7b;} 100% {border-color: #f1ad02;} } @keyframes colorchange { 0% {border-color: #e30048;} 25% {border-color: #fdc800;} 50% {border-color: #9acf0b;} 75% {border-color: #a93d7b;} 100% {border-color: #f1ad02;} } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-family: 'Lato', sans-serif; font-weight: 400; } #page { max-width: 1920px; margin: 0 auto; position: relative; box-shadow: 0 0 15px #aaa; } .boxed-layout, .frame-layout { background-image: url('assets/uploads/pattern.png'); } .boxed-layout #page, .frame-layout #page { background-color: #fff; } #content { position: relative; overflow-x: hidden; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 52px; } h2 { font-size: 42px; } h3 { font-size: 26px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 14px; } h1, h2, h3, h4, h5, h6 { clear: both; color: #2c2d39; margin: 16px 0; line-height: 1.3; font-weight: 400; font-family: 'Open Sans', sans-serif; } h1 { margin: 0 0 16px; } mark { background: #ff0; color: #2c2d39; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } tbody { text-align: left; } tr { border: 1px solid #e4e4e4; } td, th { padding: 10px; font-weight: 400; } th { color: #2c2d39; } td#next { text-align: right; } .calendar_wrap table { display: table; } .calendar_wrap th, .calendar_wrap td { padding: 8px 5px; } .site-footer .calendar_wrap th, .site-footer .calendar_wrap td { color: #fff; } .site-footer .calendar_wrap caption { color: #fff; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #747474; font-size: 16px; font-size: 1rem; line-height: 28px; word-wrap: break-word; } p { margin: 0 0 1em; } p:last-child { margin-bottom: 0; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ overflow-x: hidden; } blockquote { padding: 15px 0; font-size: 18px; line-height: 35px; font-weight: 300; position: relative; margin: 0 0 21px; } blockquote p { margin-bottom: 0; } blockquote.alignright { padding-right: 0; margin-bottom: 14px; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 21px; padding-left: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0.5em; } dt { font-weight: bold; margin-bottom: 1em; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } figure { margin: 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; display: inline-block; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 16px 26px; font-size: 16px; font-weight: 600; display: inline-block; position: relative; text-align: center; background-color: #990f12; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-radius: 10px; border: none; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: #fdc800; color: #990f12; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background-color: #fdc800; color: #990f12; outline: thin dotted; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #2c2d39; border: 1px solid #f5f5f5; border-radius: 5px; padding: 10px; background-color: #f5f5f5; } select { border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #2c2d39; border-color: #990f12; outline: thin dotted; } textarea { width: 100%; } #respond input, .wpcf7 input { width: 100%; } p.form-submit { clear: both; display: inline-block; position: relative; } .comment-notes { margin-top: 0; margin-bottom: 20px; } #respond label { color: #273238; margin-bottom: 5px; display: block; } #commentform p { margin-bottom: 21px; } .customize-support #commentform p.comment-form-comment { margin-bottom: 10px; } #commentform p.form-submit { margin: 0; } #comments { margin: 60px 0 0; } #respond { margin-top: 50px; } #respond .comment-form-cookies-consent input[type="checkbox"], .comment-form-cookies-consent input[type="checkbox"] { width: auto; float: left; height: auto; min-height: auto; margin-right: 10px; } #respond .comment-form-cookies-consent label, .comment-form-cookies-consent label { display: table; margin: 0; line-height: 1; } .comment-form-cookies-consent { clear: both; margin-top: 15px; display: inline-block; width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #f14b59; text-decoration: underline; } .btn, .reply a, .post-category a, .cat-links a, .byline a, .posted-on a, .site-title a, .entry-title a, ul li a{ text-decoration: none; } .comment-awaiting-moderation{ display: none; } a:hover, a:focus, a:active { color: #2c2d39; } a:focus { outline: thin dotted; } /*-------------------------------------------------------------- ## Top Bar --------------------------------------------------------------*/ #top-bar { background-color: #990f12; color: #fff; padding: 0; min-height: 50px; z-index: 3; } #top-bar .contact-info { list-style: none; margin: 0; padding: 10px 0; } #top-bar .contact-info li a:not(:last-child):after { content: ","; } #top-bar .contact-info a { color: #fff; font-size: 16px; } #top-bar .contact-info a:hover, #top-bar .contact-info a:focus { opacity: 0.9; } #top-bar .contact-info a:hover svg, #top-bar .contact-info a:focus svg { fill: #fff; } #top-bar .contact-info svg { fill: #fdc800; margin-right: 10px; display: inline-block; } #top-bar svg.icon-up, #top-bar svg.icon-down { margin: auto; display: block; cursor: pointer; fill: #fff; } #top-bar ul { padding: 0; margin: 0; } #top-bar svg.icon-up, #top-bar.top-menu-active svg.icon-down { display: none; } #top-bar.top-menu-active svg.icon-up { display: block; } .secondary-menu { float: right; } #top-bar ul li { float: left; list-style: none; } #top-bar .col-1 .hentry { text-align: center; } #top-bar .col-1 ul li { float: none; display: inline-block; } #top-bar .col-1 .secondary-menu { float: none; } .secondary-menu a { color: #738f9d; } #top-bar svg { fill: #fff; } #top-bar .social-icons li a svg { width: 18px; height: 18px; } #top-bar ul.social-icons li { margin-right: 5px; } #top-bar ul.social-icons li:last-child { margin-right: 0; } #top-bar ul.social-icons li a:hover svg, #top-bar ul.social-icons li a:focus svg { fill: #fff; } #top-bar .secondary-menu ul { padding: 5px 0; } .secondary-menu ul, .secondary-menu .apply-now { float: left; } .secondary-menu .apply-now { background-color: #fdc800; color: #990f12; padding: 11px 29px; margin-left: 35px; font-size: 16px; font-weight: 600; display: inline-block; position: relative; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; font-family: 'Open Sans', sans-serif; } .secondary-menu .apply-now:hover, .secondary-menu .apply-now:focus { background-color: #fff; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ #masthead { position: relative; width: 100%; z-index: 3000; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-branding { float: left; padding: 15px 0; display: flex; align-items: center; min-height: 100px; } .site-title { font-size: 32px; margin: 0; font-weight: bold; line-height: 1.3; } .site-title a { color: #2c2d39; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-title a:hover, .site-title a:focus { color: #990f12; } .site-description { margin: 0; color: #990f12; line-height: 1.5; font-weight: bold; letter-spacing: 0.10em; font-size: 30px; text-align: center; font-family:Brush script MT; } .site-logo img { max-height: 200px; width: auto; margin-right: -5px; margin-left: -20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: -40px; } .main-navigation { display: block; position: relative; float: right; } .main-navigation ul#primary-menu li.current-menu-item > a, .main-navigation ul#primary-menu li:hover > a, .main-navigation ul#primary-menu li:focus > a { color: #990f12; } .main-navigation ul#primary-menu li:hover > svg, .main-navigation ul#primary-menu li:focus > svg, .main-navigation li.menu-item-has-children:hover > a > svg, .main-navigation li.menu-item-has-children > a:hover > svg, .main-navigation li.menu-item-has-children > a:focus > svg, .main-navigation ul#primary-menu > li.current-menu-item > a > svg { fill: #990f12; } .main-navigation ul ul { background-color: #fff; text-align: left; padding: 0; } .main-navigation ul.sub-menu li a { padding: 8px 15px; color: #2c2d39; } .main-navigation ul.sub-menu a:after { float: right; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { position: relative; } .main-navigation ul.nav-menu > li > a { padding: 10px; color: #2c2d39; } .main-navigation form.search-form input { background-color: #2c2d39; border-color: #2c2d39; color: #2c2d39; font-weight: 400; } .main-navigation .search-menu svg { fill: #2c2d39; } .main-navigation li.search-menu a:hover svg, .main-navigation li.search-menu a.search-active:hover svg, .main-navigation ul#primary-menu li.search-menu:hover > a.search-active svg { fill: #990f12; } .main-navigation li.search-menu a.search-active svg { fill: #2c2d39; } .main-navigation a:hover, .main-navigation ul.nav-menu > li > a:hover, .main-navigation ul.nav-menu .focus > a { color: #990f12; } .main-navigation a { font-size: 16px; display: block; text-decoration: none; color: #2c2d39; margin-top: -5px; position: relative; font-weight: bold; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-navigation ul ul { float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 250px; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { color: #2c2d39; } #testimonial-section .section-header.title-center { text-align: center; } #latest-posts .section-header.blog.title-center { text-align: center; } .main-navigation .count { float: right; background-color: #fdc800; width: 20px; height: 20px; border-radius: 20px; text-align: center; line-height: 1.1; margin-top: 5px; } form.search-form { width: 100%; max-width: 100%; position: relative; } .main-navigation form.search-form { min-width: 320px; } input.search-field { height: 45px; border-radius: 0; padding: 0 50px 0 15px; width: 100%; } .main-navigation svg.icon-close { display: none; } svg { width: 16px; height: 16px; display: inline-block; vertical-align: middle; } svg.icon-search, svg.icon-close { width: 15px; height: 15px; fill: #fff; } .main-navigation svg.icon-down { width: 12px; height: 12px; margin-left: 5px; } .main-navigation .sub-menu svg { width: 12px; height: 12px; fill: #2c2d39; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .menu-toggle { border-radius: 0; font-size: 14px; padding: 15px; margin: auto; display: block; height: 50px; position: relative; background-color: transparent; border: none; } .menu-toggle:hover, .menu-toggle:focus { background-color: transparent; } .menu-toggle:focus { outline: thin dotted; } .menu-toggle svg { fill: #2c2d39; } .menu-label { float: right; color: #2c2d39; padding: 2px 0 0 10px; } svg.icon-menu { width: 30px; height: 30px; } .menu-open svg.icon-menu { display: none; } button.dropdown-toggle { padding: 0; position: absolute; top: 0; right: 0; background-color: transparent; border: none; width: 45px; height: 55px; line-height: 62px; } .main-navigation .dropdown-toggle.active > svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .menu-overlay { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .menu-overlay.active { background-color: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 3; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 50px 0 0; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; position: relative; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; position: relative; } .post-navigation a, .posts-navigation a { font-weight: 400; color: #fdc800; } .post-navigation a:hover, .posts-navigation a:hover, .post-navigation a:focus, .posts-navigation a:focus { color: #2c2d39; } .post-navigation, .posts-navigation { padding: 0; position: relative; clear: both; } .pagination .page-numbers, .pagination .page-numbers.dots:hover, .pagination .page-numbers.dots:focus, .pagination .page-numbers.prev, .pagination .page-numbers.next { text-align: center; line-height: 40px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; margin-right: 7px; color: #fff; background-color: #990f12; border: 1px solid #990f12; border-radius: 5px; } .pagination .page-numbers.current, .pagination .page-numbers:hover, .pagination .page-numbers:focus { color: #fff; border-color: #fdc800; background-color: #fdc800; } .pagination .prev.page-numbers, .pagination .next.page-numbers { border: none; } .pagination .prev.page-numbers img { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .pagination img { opacity: 0.4; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .pagination a:hover img, .pagination a:focus img { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } .nav-previous span { padding-left: 20px; float: left; text-align: left; } .nav-next span { padding-right: 20px; float: right; text-align: right; } .navigation .nav-previous svg { position: absolute; top: 35px; left: 20px; } .navigation .nav-next svg { position: absolute; top: 35px; right: 20px; } .post-navigation span, .posts-navigation span { display: table; } .navigation.post-navigation, .navigation.posts-navigation { background-color: #f5f5f3; } .navigation.posts-navigation { margin-top: 25px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .navigation.post-navigation .nav-previous, .navigation.posts-navigation .nav-previous, .navigation.post-navigation .nav-next, .navigation.posts-navigation .nav-next { padding: 26px; } .navigation.post-navigation a, .navigation.posts-navigation a { font-size: 22px; color: #2c2d39; } .navigation.post-navigation a:hover, .navigation.posts-navigation a:hover, .navigation.post-navigation a:focus, .navigation.posts-navigation a:focus { color: #990f12; } .navigation.post-navigation a:hover svg, .navigation.posts-navigation a:hover svg, .navigation.post-navigation a:focus svg, .navigation.posts-navigation a:focus svg { fill: #990f12; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; 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; 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; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .footer-widgets-area:before, .footer-widgets-area:after, .wrapper:before, .wrapper:after, .testimonial-slider .featured-image:before, .testimonial-slider .featured-image:after, ul.tp-education-meta.entry-meta:before, ul.tp-education-meta.entry-meta:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .footer-widgets-area:before, .footer-widgets-area:after, .wrapper:before, .wrapper:after, .testimonial-slider .featured-image:before, .testimonial-slider .featured-image:after, ul.tp-education-meta.entry-meta:before, ul.tp-education-meta.entry-meta:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.3em; } .widget:last-child { margin-bottom: 0; } #colophon .widget { margin: 0 0 40px; } #colophon .widget.widget_text { margin-bottom: 35px; } #colophon .widget:last-child { margin-bottom: 0; } #secondary .widget { margin-bottom: 35px; } #secondary .widget:last-child { margin-bottom: 0; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; background-color: #f6f6f6; padding: 10px; border: none; width: 100%; max-width: 300px; } .widget input { height: 40px; border-radius: 0; padding: 0 15px; } form.search-form button.search-submit { width: 50px; height: 50px; position: absolute; right: 0; top: 0; background-color: #990f12; border: none; border-radius: 0; padding: 0; } form.search-form button.search-submit svg { fill: #fff; width: 16px; height: 16px; } form.search-form button.search-submit:hover, form.search-form button.search-submit:focus { background-color: #fdc800; } form.search-form button.search-submit:hover svg, form.search-form button.search-submit:focus svg { fill: #fff; } form.search-form input { border: none; } form.search-form input { padding: 0 40px 0 15px; height: 50px; background-color: #f5f5f3; } form.search-form { position: relative; } form.search-form input { width: 100%; padding: 0 40px 0 15px; font-weight: 300; } #wp-calendar tbody td { text-align: center; } #wp-calendar caption { margin-bottom: 15px; text-align: left; } #colophon .widget.widget_calendar th { color: #fff; } .widget ul { list-style: none; padding: 0; margin: 0; } #secondary .widget.tp-instagram ul li.hentry { margin: 0; } .widget-title { font-size: 16px; margin: 0 0 35px; } .widget li:not(:last-child) { margin-bottom: 20px; } .tp-instagram ul { list-style: none; margin: -5px; padding: 0; } .widget.tp-instagram li { margin: 0; padding: 5px; } .tp-instagram .col-1 li { width: 100%; float: none; } .tp-instagram .col-2 li { width: 50%; float: left; } .tp-instagram .col-3 li { width: 33.33%; float: left; } .tp-instagram .col-4 li { width: 25%; float: left; } .tp-instagram .col-5 li { width: 20%; float: left; } .tp-instagram li img { width: 100%; } .tp-instagram .col-2 li:nth-child(2n+1) { clear: left; } .tp-instagram .col-3 li:nth-child(3n+1) { clear: left; } .tp-instagram .col-4 li:nth-child(4n+1) { clear: left; } .tp-instagram .col-5 li:nth-child(5n+1) { clear: left; } .footer-widgets-area .tp-instagram ul.col-1 .hentry { width: 100%; } .footer-widgets-area .tp-instagram ul.col-2 .hentry { width: 50%; } .footer-widgets-area .tp-instagram ul.col-3 .hentry { width: 33.33%; } .footer-widgets-area .tp-instagram ul.col-4 .hentry { width: 25%; } .footer-widgets-area .tp-instagram ul.col-5 .hentry { width: 20%; } .footer-widgets-area .tp-instagram ul.col-2 .hentry:nth-child(2n+1) { clear: left; } .right-sidebar #secondary, .left-sidebar #secondary { margin-top: 50px; } #secondary { position: relative; overflow: hidden; } #secondary .widget_search form.search-form input { background-color: #f5f5f3; } #secondary .widget-title, #secondary .widgettitle { font-size: 22px; margin-bottom: 20px; font-weight: 600; } input[type="submit"] { padding: 16px 26px; font-size: 16px; font-weight: 600; display: inline-block; position: relative; text-align: center; background-color: #990f12; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-radius: 10px; border: none; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } input[type="submit"]:hover, input[type="submit"]:focus { background-color: #fdc800; color: #990f12; } .widget_popular_post ul, .widget_latest_post ul { padding: 0; margin: 0; list-style: none; clear: both; display: table; } .widget.widget_popular_post ul li, .widget.widget_latest_post ul li { clear: both; margin-bottom: 20px; display: inline-block; width: 100%; } .widget.widget_popular_post ul li:last-child, .widget.widget_latest_post ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget_popular_post h3, .widget_latest_post h3 { display: table-row; margin: 0; font-size: 16px; line-height: 1.5; } .widget_popular_post .entry-meta { margin-top: 10px; } .widget_popular_post time, .widget_latest_post time { margin-top: 5px; display: inline-block; font-size: 12px; } .widget_popular_post h3 a, .widget_latest_post h3 a, .widget_popular_post a time, .widget_popular_post time, .widget_latest_post a time, .widget_latest_post time { color: #2c2d39; } .widget_popular_post h3 a:hover, .widget_popular_post h3 a:focus, .widget_popular_post a:hover time, .widget_popular_post a:focus time, .widget_latest_post h3 a:hover, .widget_latest_post h3 a:focus, .widget_latest_post a:hover time, .widget_latest_post a:focus time { color: #fdc800; } .widget_popular_post img, .widget_latest_post img { width: 116px; height: 95px; object-fit: cover; margin-right: 20px; float: left; } .textwidget img, .aboutwidget img { margin-bottom: 21px; display: block; } .widget.widget_text .btn { margin-top: 20px; } .widget_featured_courses .image-wrapper img, .widget_popular_courses .image-wrapper img { width: 80px; height: 80px; object-fit: cover; margin-right: 20px; border-radius: 5px; float: left; } .widget_featured_courses .course-wrapper, .widget_popular_courses .course-wrapper { display: table; } .widget_featured_courses .course-wrapper h5, .widget_popular_courses .course-wrapper h5 { margin: 0 0 4px; font-size: 18px; } .widget_featured_courses .course-wrapper h5 a, .widget_popular_courses .course-wrapper h5 a { color: #72757a; } .widget_featured_courses .course-wrapper h5 a:hover, .widget_featured_courses .course-wrapper h5 a:focus, .widget_featured_courses .tp-course-price, .widget_popular_courses .course-wrapper h5 a:hover, .widget_popular_courses .course-wrapper h5 a:focus, .widget_popular_courses .tp-course-price { color: #fdc800; } .widget_featured_courses .tp-course-price-label, .widget_popular_courses .tp-course-price-label { display: none; } .widget_featured_courses .tp-course-price, .widget_popular_courses .tp-course-price { font-size: 18px; } .widget_featured_courses ul li, .widget_popular_courses ul li { clear: both; display: table; width: 100%; } #secondary .jetpack_subscription_widget input[type="email"] { height: 50px; min-height: auto; background-color: #fff; border-color: #fff; padding: 15px 18px; } .site-footer .jetpack_subscription_widget #subscribe-submit:after { border-bottom-color: #fff; } #secondary .jetpack_subscription_widget input[type="submit"]:hover, #secondary .jetpack_subscription_widget input[type="submit"]:focus { background-color: #fdc800; } #secondary p#subscribe-email { margin-top: 0; } #colophon .widget .social-icons li a:hover svg, #colophon .widget .social-icons li a:focus svg { fill: #fff; } .widget_contact_info ul { margin: 0; padding: 0; list-style: none; } .widget_categories li { position: relative; } .widget_categories .has-post-thumbnail a { position: absolute; background-color: #fff; top: 20px; left: 20px; color: #2c2d39; padding: 6px 19px; text-transform: uppercase; } #secondary .widget_categories li.has-post-thumbnail:not(:last-child) { margin-bottom: 20px; } #secondary .cat-links a, #secondary a:hover, #secondary a:focus { color: #990f12; } #secondary a { color: #333; font-family: 'Open Sans', sans-serif; } #secondary .widget li:not(:last-child) { margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.10); } #secondary .widget.widget_popular_post li:not(:last-child) { margin-bottom: 20px; } #secondary .widget.widget_about .aboutwidget { text-align: center; } #secondary .widget.widget_about .aboutwidget img { margin-left: auto; margin-right: auto; } #secondary .widget_social_icons ul { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-direction: row; } #secondary .widget_social_icons { margin-bottom: 30px; } #secondary .widget ul li ul { padding-top: 5px; padding-left: 15px; } .widget_recent_entries .post-date { display: block; } #secondary .widget > ul li, #secondary .widget_nav_menu ul li { padding: 10px 0; } #secondary .widget li:before { content: "\f105"; font-family: "FontAwesome"; margin-right: 10px; } .tp-instagram li a:before, .widget_latest_post a:before, .widget_popular_post a:before, .widget_contact_info a:before { display: none; } #colophon .widget_contact_info li:before { content: "-"; margin-right: 5px; } .tp-instagram ul { margin: -3px; clear: both; display: table; width: 100%; } .tp-instagram ul li { padding: 3px; } .tp-instagram ul.col-1 li { width: 100%; } .tp-instagram ul.col-2 li { width: 50%; float: left; } .tp-instagram ul.col-3 li { width: 33.33%; float: left; } .tp-instagram ul.col-4 li { width: 25%; float: left; } .tp-instagram ul.col-5 li { width: 20%; float: left; } .tp-instagram ul.col-2 li:nth-child(2n+1), .tp-instagram ul.col-3 li:nth-child(3n+1), .tp-instagram ul.col-4 li:nth-child(4n+1), .tp-instagram ul.col-5 li:nth-child(5n+1) { clear: left; } .footer-widgets-area.col-4 .tp-instagram ul .hentry:nth-child(4n+1) { clear: none; } .footer-widgets-area.col-4 .tp-instagram .hentry, .footer-widgets-area.col-4 .tp-instagram .hentry:nth-child(odd) { padding: 3px; margin: 0; } .footer-widgets-area .widget_popular_post h3 a, .footer-widgets-area .widget_latest_post h3 a, .footer-widgets-area .widget_popular_post a time, .footer-widgets-area .widget_popular_post time, .footer-widgets-area .widget_latest_post a time, .footer-widgets-area .widget_latest_post time { color: #fff; } .footer-widgets-area .widget_popular_post time, .footer-widgets-area .widget_latest_post time { display: table-row; font-size: 12px; } #secondary .widget.tp-instagram li, #secondary .widget.tp-instagram li:first-child, #secondary .widget.tp-instagram li:hover { border: none; padding: 3px; background-color: transparent; } #secondary .widget.food_restro_pro_social_link li, #secondary .widget.food_restro_pro_social_link li:first-child, #secondary .widget.food_restro_pro_social_link li:hover { border: none; padding: 0; } #secondary .social-icons li { margin-right: 5px; margin-bottom: 5px; } #secondary .social-icons li a { width: 40px; height: 40px; line-height: 40px; } #secondary .widget.widget_latest_post li, #secondary .widget.widget_latest_post li:first-child, #secondary .widget.widget_latest_post li:hover, #secondary .widget.widget_popular_post li, #secondary .widget.widget_popular_post li:first-child, #secondary .widget.widget_popular_post li:hover { padding: 0; border: none; background-color: transparent; } #secondary .widget.widget_latest_post h3 a, #secondary .widget.widget_popular_post h3 a { font-weight: 600; } #secondary .widget.widget_latest_post li:not(:last-child), #secondary .widget.widget_popular_post li:not(:last-child) { margin-bottom: 10px; } .footer-widgets-area .widget.widget_latest_post ul li:not(:last-child), .footer-widgets-area .widget.widget_popular_post ul li:not(:last-child) { margin-bottom: 5px; } #secondary .food_restro_pro_contact_info li { color: #333; font-family: 'Open Sans', sans-serif; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0; } .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 0; } .page-header span.posted-on { margin-bottom: 12px; display: inline-block; width: 100%; } .page-links { clear: both; margin: 0 0 1.5em; } .page-header span.author-name { display: block; font-size: 16px; font-weight: 500; line-height: 1; color: #2c2d39; } .page-header small { font-size: 12px; color: #fdc800; } nav.navigation.pagination { margin-top: 50px; clear: both; display: inline-block; width: 100%; } .no-sidebar nav.navigation.pagination { text-align: center; } .navigation.pagination svg { fill: #fff; width: 16px; height: 16px; position: relative; top: -1px; left: -1px; } .navigation.pagination .prev svg, .navigation.posts-navigation .nav-previous svg, .navigation.post-navigation .nav-previous svg { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navigation.pagination .next svg { left: auto; right: -1px; } .navigation.pagination .next svg, .navigation.posts-navigation .nav-next svg, .navigation.post-navigation .nav-next svg { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .navigation.posts-navigation svg, .navigation.post-navigation svg { width: 13px; height: 13px; fill: #2c2d39; display: inline-block; vertical-align: middle; } .navigation.posts-navigation svg.icon-left, .navigation.post-navigation svg.icon-left { margin-right: 20px; } .navigation.posts-navigation svg.icon-right, .navigation.post-navigation svg.icon-right { margin-left: 20px; } .single-post-wrapper .entry-title { font-size: 32px; font-weight: 700; } .single-post-wrapper .post-categories { margin-bottom: 7px; display: inline-block; } .single-post-wrapper article p { margin-top: 0; margin-bottom: 28px; } .single-post-wrapper article blockquote p { margin-bottom: 0; } .single-post-wrapper article img { margin-bottom: 30px; } .single-post-wrapper article .author-image img { margin-bottom: 0; border-radius: 50%; } .single-post-wrapper article p.first-letter:first-letter { display: inline-block; float: left; font-size: 90px; line-height: 0.6; margin: 16px 16px 0 0; } .single-post-wrapper span.posted-on svg, .single-post-wrapper span.cat-links svg { fill: #fdc800; display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; top: -3px; } .single-post-wrapper span.cat-links svg { top: -2px; } .single-post-wrapper span.posted-on a:hover svg, .single-post-wrapper span.posted-on a:focus svg, .single-post-wrapper span.cat-links:hover svg { fill: #2c2d39; } .single-post-wrapper .entry-meta > span:not(:last-child):after { content: ""; padding: 0 5px; } .single-post-wrapper span.cat-links a:not(:last-child):after { content: ","; color: #2c2d39; padding-left: 2px; margin-right: 3px; } .single.no-sidebar #inner-content-wrapper { max-width: 968px; } .tags-links { display: inline-block; } .single-post-wrapper span.tags-links a { display: inline-block; margin-right: 5px; margin-bottom: 10px; font-size: 14px; color: #72757a; font-weight: 400; } .single-post-wrapper span.tags-links a:hover, .single-post-wrapper span.tags-links a:focus { color: #fdc800; border-color: #fdc800; } .single-post-wrapper .entry-meta { margin-bottom: 25px; } .single-post-wrapper .entry-meta .date { font-size: 49px; color: #2c2d39; display: block; font-weight: bold; margin-bottom: 5px; } .single-post-wrapper .entry-meta .month { font-size: 14px; letter-spacing: 0.5em; text-transform: uppercase; padding-left: 5px; margin-bottom: 28px; font-weight: bold; } .single-post .site-main .comment-navigation, .single-post .site-main .posts-navigation, .single-post .site-main .post-navigation { margin-bottom: 0; } .post-navigation .previous-article span span, .posts-navigation .previous-article span span, .post-navigation .next-article span span, .posts-navigation .next-article span span { display: block; } .post-navigation span.previous-article b, .post-navigations span.previous-article b, .post-navigation span.next-article b, .post-navigations span.next-article b { font-size: 22px; font-weight: 600; margin-bottom: 10px; display: inline-block; width: 100%; } .post-navigation span.previous-article, .post-navigations span.previous-article { display: table; } .no-sidebar .single-post-wrapper .featured-image { text-align: center; } span.next-article { padding-right: 65px; display: inline-block; } #author-section { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 35px 0; margin-bottom: 35px; } .author-image { float: left; margin-right: 30px; } .author-content { display: table; } .author-name { font-size: 18px; margin-top: 0; text-transform: uppercase; font-weight: 600; margin-bottom: 30px; } .author-name:after { content: ""; background-color: #fdc800; width: 29px; height: 3px; display: block; margin-top: 30px; } .author-name span { color: #5e5e5e; padding-left: 5px; font-weight: 400; } .author-content .social-icons li a { background-color: #171717; } .author-content .social-icons li a svg { fill: #fff; } .error404.left-sidebar #primary, .error404.right-sidebar #primary, .error404.no-sidebar #primary { width: 100%; float: none; } .error-404.not-found { max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; } .error-404.not-found .page-header { margin-bottom: 20px; } .error-404.not-found .search-form button.search-submit { background-color: #333; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } #reply-title, .comments-title { font-size: 42px; margin: 0; } .comments-title, #reply-title { margin-bottom: 30px; font-size: 32px; font-weight: bold; } ul.post-categories li:after { content: ","; } ul.post-categories li:last-child:after { display: none; } ol.comment-list { padding: 0; margin: 0 0 15px; list-style: none; } #comments ol { list-style: none; margin-left: 0; padding: 0; } #comments ol.comment-list { padding-top: 35px; position: relative; overflow: hidden; } #comments ol.children .reply { padding-left: 12px; } .says { display: none; } .comment-meta img { width: 65px; height: 65px; float: left; border-radius: 50%; margin-right: 35px; margin-top: -20px; } #comments time:before { display: none; } .comment-body { position: relative; } .reply { padding-bottom: 25px; text-align: right; padding-right: 10px; } #comments article { margin-bottom: 30px; clear: both; } #comments ol.comment-list > li:last-child article:last-child, #comments ol.comment-list > li:last-child { border-bottom: none; } #comments ol.comment-list > li { padding-top: 18px; } #comments ol.comment-list > li:first-child { padding-top: 0; } #comments ol.comment-list > li article:last-child .reply { border-bottom: none; padding-bottom: 0; } .reply a { padding: 10px 20px; font-size: 16px; font-weight: 600; display: inline-block; position: relative; text-align: center; background-color: #990f12; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-radius: 10px; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .reply a:hover, .reply a:focus { background-color: #fdc800; color: #990f12; } .comment-meta .url, .comment-meta .fn { display: inline-block; color: #2c2d39; font-weight: 600; } .comment-meta .url:hover, .comment-meta .url:focus { color: #990f12; } .comment-metadata a, .comment-metadata a time { color: #82868b; } .comment-metadata a:hover, .comment-metadata a:focus { color: #2c2d39; } .comment-metadata a:hover time, .comment-metadata a:focus time { color: #990f12; } .comment-metadata { float: right; padding-right: 35px; position: relative; z-index: 1; } .comment-content { margin-bottom: 13px; padding: 57px 25px 7px; margin-top: -50px; background-color: #f5f5f3; margin-left: 120px; position: relative; right: 10px; clear: both; border-radius: 5px; } .comment-content:before { content: ""; border: 9px solid transparent; border-right-color: #f5f5f3; position: absolute; left: -18px; top: 30px; } .comment-content p { margin-bottom: 1em; } .comment-meta { margin-bottom: -100px; display: inline-block; width: 100%; } .comment-meta .fn { padding-left: 35px; position: relative; z-index: 1; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Layouts and titles --------------------------------------------------------------*/ section { position: relative; } .relative { display: block; position: relative; } .relative:before, .relative:after { content: ""; display: table; clear: both; } .entry-content { margin-top: 0; } .wrapper { width: 90%; max-width: 1200px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .wrapper.page-section { padding-left: 15px; padding-right: 15px; } .page-section { padding: 60px 0; } .entry-title { font-size: 22px; margin: 0 0 16px; } .section-header { margin-bottom: 45px; text-align: center; position: relative; max-width: 780px; margin-left: auto; margin-right: auto; } .section-title { font-size: 26px; margin: 0 0 15px; word-wrap: break-word; position: relative; font-weight: 600; } .section-subtitle { font-size: 16px; font-weight: 400; } .overlay { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .btn { padding: 16px 26px; font-size: 16px; font-weight: 600; display: inline-block; position: relative; text-align: center; background-color: #990f12; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-radius: 10px; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn:hover, .btn:focus { background-color: #fdc800; color: #990f12; } .post-thumbnail-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .featured-image { position: relative; } .view-all { text-align: center; margin-top: 30px; } .col-1 { max-width: 500px; margin-left: auto; margin-right: auto; } .col-1 article, .col-2 article, .col-3 article, .col-4 article { margin-bottom: 50px; } .col-1 article:last-child, .col-2 article:last-child, .col-3 article:last-child, .col-4 article:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin: -5px; clear: both; display: table; width: 100%; } .gallery-item { display: inline-block; vertical-align: top; width: 100%; float: left; padding: 5px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- ## Social Icons --------------------------------------------------------------*/ .social-icons li { display: inline-block; height: auto; text-align: center; position: relative; list-style: none; } .footer-widgets-area .widget .social-icons li { display: inline-block; width: auto; } .social-icons, .social-icons ul { margin: 0; padding: 0; } .social-icons li a { background-color: transparent; width: 40px; height: 40px; line-height: 40px; display: block; } .social-icons li a:hover svg, .social-icons li a:focus svg { fill: #fff; } .social-icons li a:hover svg, .social-icons li a:focus svg { fill: #fff; } .social-icons li a svg { fill: #8c8c8c; } /*-------------------------------------------------------------- ## Social Icons Hover Color --------------------------------------------------------------*/ .social-icons li a[href*="facebook.com"]:hover, .social-icons li a[href*="fb.com"]:hover, .social-icons li a[href*="facebook.com"]:focus, .social-icons li a[href*="fb.com"]:focus, .tp-social.social-icon li a[href*="fb.com"], .tp-social.social-icon li a[href*="facebook.com"] { background-color: #3c5798 !important; } .social-icons li a[href*="twitter.com"]:hover, .social-icons li a[href*="twitter.com"]:focus, .tp-social.social-icon li a[href*="twitter.com"] { background-color: #1ea0f1 !important; } .social-icons li a[href*="linkedin.com"]:hover, .social-icons li a[href*="linkedin.com"]:focus, .tp-social.social-icon li a[href*="linkedin.com"] { background-color: #0077B5 !important; } .social-icons li a[href*="plus.google.com"]:hover, .social-icons li a[href*="plus.google.com"]:focus, .tp-social.social-icon li a[href*="plus.google.com"] { background-color: #ec7161 !important; } .social-icons li a[href*="slack.com"]:hover, .social-icons li a[href*="slack.com"]:focus, .tp-social.social-icon li a[href*="slack.com"] { background-color: #E60264; } .social-icons li a[href*="youtube.com"]:hover, .social-icons li a[href*="youtube.com"]:focus, .tp-social.social-icon li a[href*="youtube.com"] { background-color: #cc181e !important; } .social-icons li a[href*="dribbble.com"]:hover, .social-icons li a[href*="dribbble.com"]:focus, .tp-social.social-icon li a[href*="dribbble.com"] { background-color: #f4a09c !important; } .social-icons li a[href*="pinterest.com"]:hover, .social-icons li a[href*="pinterest.com"]:focus, .tp-social.social-icon li a[href*="pinterest.com"] { background-color: #bd081b !important; } .social-icons li a[href*="bitbucket.org"]:hover, .social-icons li a[href*="bitbucket.org"]:focus, .tp-social.social-icon li a[href*="bitbucket.com"] { background-color: #205081 !important; } .social-icons li a[href*="github.com"]:hover, .social-icons li a[href*="github.com"]:focus, .tp-social.social-icon li a[href*="github.com"] { background-color: #323131 !important; } .social-icons li a[href*="codepen.io"]:hover, .social-icons li a[href*="codepen.io"]:focus, .tp-social.social-icon li a[href*="codepen.com"] { background-color: #2c2d39 !important; } .social-icons li a[href*="flickr.com"]:hover, .social-icons li a[href*="flickr.com"]:focus, .tp-social.social-icon li a[href*="flickr.com"] { background-color: #025FDF !important; } .social-icons li a[href$="/feed/"]:hover, .social-icons li a[href$="/feed/"]:focus, .tp-social.social-icon li a[href*="feed.com"] { background-color: #089DE3 !important; } .social-icons li a[href*="foursquare.com"]:hover, .social-icons li a[href*="foursquare.com"]:focus, .tp-social.social-icon li a[href*="foursquare.com"] { background-color: #F94877 !important; } .social-icons li a[href*="instagram.com"]:hover, .social-icons li a[href*="instagram.com"]:focus, .tp-social.social-icon li a[href*="instagram.com"] { background-color: #cd42e7 !important; } .social-icons li a[href*="tumblr.com"]:hover, .social-icons li a[href*="tumblr.com"]:focus, .tp-social.social-icon li a[href*="tumblr.com"] { background-color: #56BC8A !important; } .social-icons li a[href*="reddit.com"]:hover, .social-icons li a[href*="reddit.com"]:focus, .tp-social.social-icon li a[href*="reddit.com"] { background-color: #FF4500 !important; } .social-icons li a[href*="vimeo.com"]:hover, .social-icons li a[href*="vimeo.com"]:focus, .tp-social.social-icon li a[href*="vimeo.com"] { background-color: #00ADEF !important; } .social-icons li a[href*="digg.com"]:hover, .social-icons li a[href*="digg.com"]:focus, .tp-social.social-icon li a[href*="digg.com"] { background-color: #00ADEF !important; } .social-icons li a[href*="twitch.tv"]:hover, .social-icons li a[href*="twitch.tv"]:focus, .tp-social.social-icon li a[href*="twitch.tv"] { background-color: #0E9DD9 !important; } .social-icons li a[href*="stumbleupon.com"]:hover, .social-icons li a[href*="stumbleupon.com"]:focus, .tp-social.social-icon li a[href*="stumbleupon.com"] { background-color: #EB4924 !important; } .social-icons li a[href*="delicious.com"]:hover, .social-icons li a[href*="delicious.com"]:focus, .tp-social.social-icon li a[href*="delicious.com"] { background-color: #0076E8 !important; } .social-icons li a[href*="mailto:"]:hover, .social-icons li a[href*="mailto:"]:focus, .tp-social.social-icon li a[href*="mailto:"] { background-color: #4169E1 !important; } .social-icons li a[href*="soundcloud.com"]:hover, .social-icons li a[href*="soundcloud.com"]:focus, .tp-social.social-icon li a[href*="soundcloud.com"] { background-color: #FF5500 !important; } .social-icons li a[href*="wordpress.org"]:hover, .social-icons li a[href*="wordpress.org"]:focus, .tp-social.social-icon li a[href*="wordpress.org"] { background-color: #0073AA !important; } .social-icons li a[href*="wordpress.com"]:hover, .tp-social.social-icon li a[href*="wordpress.com"] { background-color: #00AADC !important; } .social-icons li a[href*="jsfiddle.net"]:hover, .social-icons li a[href*="jsfiddle.net"]:focus, .tp-social.social-icon li a[href*="jsfiddle.net"] { background-color: #396AB1 !important; } .social-icons li a[href*="tripadvisor.com"]:hover, .social-icons li a[href*="tripadvisor.com"]:focus, .tp-social.social-icon li a[href*="tripadvisor.com"] { background-color: #FFE090 !important; } .social-icons li a[href*="angel.co"]:hover, .social-icons li a[href*="angel.co"]:focus, .tp-social.social-icon li a[href*="angel.co"] { background-color: #2c2d39 !important; } .team-slider .social-icons li a[href*="facebook.com"] svg, .team-slider .social-icons li a[href*="fb.com"] svg { fill: #3c5798; } .team-slider .social-icons li a[href*="twitter.com"] svg { fill: #1ea0f1; } .team-slider .social-icons li a[href*="linkedin.com"] svg { fill: #0077B5; } .team-slider .social-icons li a[href*="plus.google.com"] svg { fill: #ec7161; } .team-slider .social-icons li a[href*="slack.com"] svg { background-color: #E60264; } .team-slider .social-icons li a[href*="youtube.com"] svg { fill: #cc181e; } .team-slider .social-icons li a[href*="dribbble.com"] svg { fill: #f4a09c; } .team-slider .social-icons li a[href*="pinterest.com"] svg { fill: #bd081b; } .team-slider .social-icons li a[href*="bitbucket.org"] svg { fill: #205081; } .team-slider .social-icons li a[href*="github.com"] svg { fill: #323131; } .team-slider .social-icons li a[href*="codepen.io"] svg { fill: #2c2d39; } .team-slider .social-icons li a[href*="flickr.com"] svg { fill: #025FDF; } .team-slider .social-icons li a[href$="/feed/"] svg { fill: #089DE3; } .team-slider .social-icons li a[href*="foursquare.com"] svg { fill: #F94877; } .team-slider .social-icons li a[href*="instagram.com"] svg { fill: #cd42e7; } .team-slider .social-icons li a[href*="tumblr.com"] svg { fill: #56BC8A; } .team-slider .social-icons li a[href*="reddit.com"] svg { fill: #FF4500; } .team-slider .social-icons li a[href*="vimeo.com"] svg { fill: #00ADEF; } .team-slider .social-icons li a[href*="digg.com"] svg { fill: #00ADEF; } .team-slider .social-icons li a[href*="twitch.tv"] svg { fill: #0E9DD9; } .team-slider .social-icons li a[href*="stumbleupon.com"] svg { fill: #EB4924; } .team-slider .social-icons li a[href*="delicious.com"] svg { fill: #0076E8; } .team-slider .social-icons li a[href*="mailto:"] svg { fill: #4169E1; } .team-slider .social-icons li a[href*="soundcloud.com"] svg { fill: #FF5500; } .team-slider .social-icons li a[href*="wordpress.org"] svg { fill: #0073AA; } .team-slider .social-icons li a[href*="wordpress.com"] svg { } .team-slider .social-icons li a[href*="jsfiddle.net"] svg { fill: #396AB1; } .team-slider .social-icons li a[href*="tripadvisor.com"] svg { fill: #FFE090; } .team-slider .social-icons li a[href*="angel.co"] svg { fill: #2c2d39; } .team-slider .social-icons li a:hover svg, .team-slider .social-icons li a:focus svg { fill: #fff; } /*-------------------------------------------------------------- # Page Site Header --------------------------------------------------------------*/ #page-site-header { padding: 298px 0; text-align: center; position: relative; background-color: #333; background-size: cover; background-position: 50%; } #page-site-header .wrapper { position: absolute; left: 0; right: 0; text-align: center; width: 90%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #page-site-header .page-title { font-size: 52px; color: #fff; margin: 0; } .search-results #search-course-tab .course-contents { padding: 0; } .search-results #search-course-tab .course-contents .title { font-weight: 600; } /*-------------------------------------------------------------- # Breadcrumb List --------------------------------------------------------------*/ #breadcrumb-list { margin-top: 5px; } #page-site-header + #breadcrumb-list { display: none; } .trail-items { margin: 0; padding: 0; list-style: none; } .trail-items li { display: inline-block; vertical-align: middle; font-weight: 400; color: #fff; } .trail-items li:not(:last-child):after { content: "/"; padding-left: 4px; padding-right: 1px; } .trail-items li a { color: #fff; opacity: 0.8; } .trail-items li a:hover, .trail-items li a:focus { opacity: 1; } /*-------------------------------------------------------------- # Featured Slider Section --------------------------------------------------------------*/ #featured-slider article { background-color: #000; background-size: cover; background-position: 50%; padding: 320px 0; vertical-align: middle; position: relative; } #featured-slider .wrapper { position: relative; } .featured-content-wrapper { position: absolute; left: 0; right: 0; top: 50%; max-width: 700px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .slick-current .featured-content-wrapper { opacity: 1; visibility: visible; } .featured-content-wrapper .entry-header span { font-size: 20px; text-transform: uppercase; color: #fdc800; margin-bottom: 20px; display: block; font-weight: bold; } .featured-content-wrapper .entry-title { color: #fff; font-size: 32px; margin: 0 0 16px; font-weight: bold; line-height: 1.1; } .featured-content-wrapper .entry-title a { color: #fff; } .featured-content-wrapper .entry-title a:hover, .featured-content-wrapper .entry-title a:focus { color: #fdc800; } .featured-content-wrapper .entry-content { color: #fff; margin: 0 0 28px; } .featured-content-wrapper .btn { background-color: #fdc800; color: #990f12; display: table; margin-bottom: 15px; min-width: 175px; margin-left: auto; margin-right: auto; } .featured-content-wrapper .btn:not(:first-child) { background-color: #fff; margin-bottom: 0; } .featured-content-wrapper .btn:hover, .featured-content-wrapper .btn:focus, .featured-content-wrapper .btn:not(:first-child):hover, .featured-content-wrapper .btn:not(:first-child):focus { background-color: #990f12; color: #fff; } .featured-content-wrapper .btn:hover .more-icon, .featured-content-wrapper .btn:focus .more-icon { background-color: #fff; } .featured-content-wrapper .btn:hover .more-icon svg, .featured-content-wrapper .btn:focus .more-icon svg { fill: #990f12; } .slick-dotted.slick-slider { margin-bottom: 0; } .slick-prev:before, .slick-next:before { content: ""; background-image: url('assets/uploads/download-arrow.svg'); width: 16px; height: 16px; display: inline-block; opacity: 1; background-size: contain; background-repeat: no-repeat; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .slick-prev:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 60% 60%; -moz-transform-origin: 60% 60%; -ms-transform-origin: 60% 60%; -o-transform-origin: 60% 60%; transform-origin: 60% 60%; } .slick-prev, .slick-next { background-color: #fff; width: 50px; height: 50px; border-radius: 0; opacity: 1; z-index: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slick-arrow { background-color: #990f12; border-radius: 10px; } .slick-prev { left: 25px; } .slick-next { right: 25px; } #featured-slider .slick-prev { left: 25px; } #featured-slider .slick-next { right: 25px; } #featured-slider .slick-arrow { opacity: 0; visibility: hidden; } #featured-slider:hover .slick-arrow, #featured-slider:focus .slick-arrow { opacity: 1; visibility: visible; } .slick-arrow:hover, .slick-arrow:focus { background-color: #fdc800; } #featured-slider .slick-prev:hover:before, #featured-slider .slick-next:hover:before, #featured-slider .slick-prev:focus:before, #featured-slider .slick-next:focus:before { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } /*-------------------------------------------------------------- # Our Courses --------------------------------------------------------------*/ #search-courses .search-form { box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.3); border-radius: 100px; max-width: 700px; margin: -30px auto 0; } #search-courses form.search-form input { height: 60px; border-radius: 100px; padding-left: 60px; } #search-courses form.search-form button.search-submit { width: 50px; height: 60px; border-radius: 100px; background-color: transparent; right: auto; left: 0; padding-left: 20px; } #search-courses form.search-form button.search-submit svg { fill: #77788e; } #search-courses form.search-form ::-webkit-input-placeholder { font-style: italic; } /*-------------------------------------------------------------- # Our Services --------------------------------------------------------------*/ .service-item-wrapper { text-align: center; } .service-icon { margin-bottom: 40px; } .service-icon a { padding: 5px; width: 100px; height: 100px; border-radius: 100px; color: #fff; display: block; background-color: #990f12; margin-left: auto; margin-right: auto; } .service-icon a i { width: 90px; height: 90px; border-radius: 90px; line-height: 90px; font-size: 26px; border: 2px solid #fff; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .service-icon a:hover, .service-icon a:focus { color: #fdc800; } .service-icon a:hover i, .service-icon a:focus i { border-color: #fdc800; } .service-item-wrapper .entry-title { font-weight: bold; } .service-item-wrapper .entry-title a { color: #2c2d39; } .service-item-wrapper .entry-title a:hover, .service-item-wrapper .entry-title a:focus { color: #990f12; } /*-------------------------------------------------------------- # About Us --------------------------------------------------------------*/ #about-us { background-color: #F3F3F3; } #about-us article.no-post-thumbnail { padding: 50px 0; } #about-us .featured-image { background-size: cover; background-position: 50%; padding-bottom: 100%; margin-bottom: 30px; } #about-us .entry-container { max-width: 800px; text-align: center; margin-left: auto; margin-right: auto; } #about-us .entry-title { font-size: 22px; font-weight: 600; margin-bottom: 25px; } #about-us .entry-title a { color: #2c2d39; } #about-us .entry-title a:hover, #about-us .entry-title a:focus { color: #990f12; } #about-us .entry-content { margin-bottom: 35px; } /*-------------------------------------------------------------- # Featured Courses --------------------------------------------------------------*/ .featured-course-item .featured-image { background-size: cover; background-position: 50%; padding: 105px 0; border-radius: 10px; margin-bottom: 25px; background-color: #333; } .featured-course-item { background-color: #f3f3f3; padding: 20px; } .featured-course-item .overlay { background-color: #990f12; border-radius: 10px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .featured-course-item:hover .overlay { opacity: 0.9; visibility: visible; } .featured-course-item .more-link { position: absolute; top: 50%; left: 50%; text-align: center; color: #fdc800; font-size: 16px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0.02em; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .featured-course-item:hover .more-link { opacity: 1; visibility: visible; } .featured-course-item .more-link:hover, .featured-course-item .more-link:focus { color: #fff; } .featured-course-item .entry-title { font-weight: 600; } .featured-course-item .entry-title a, .tp-education-meta.entry-meta small { color: #2c2d39; } .featured-course-item .entry-title a:hover, .featured-course-item .entry-title a:focus, .tp-education-meta.entry-meta span { color: #990f12; } .featured-course-item .tp-education-meta.entry-meta { list-style: none; border-top: 1px solid #dcdddd; padding: 15px 0 0; margin-top: 23px; margin-bottom: 0; } .featured-course-item .tp-education-meta.entry-meta li:not(:last-child) { margin-bottom: 5px; } .tp-education-meta.entry-meta small, .tp-education-meta.entry-meta span { font-size: 16px; } .tp-education-meta.entry-meta span { font-size: 16px; } .featured-course-item .tp-education-meta.entry-meta li { border-bottom: none; padding: 0; } /*-------------------------------------------------------------- # Call To Action --------------------------------------------------------------*/ #call-to-action { background-size: cover; background-position: 50%; } #call-to-action .wrapper { position: relative; text-align: center; max-width: 740px; } #call-to-action .overlay { opacity: 0.7; } .video-button { display: block; margin-bottom: 37px; } .video-button a { width: 60px; height: 60px; border-radius: 60px; line-height: 50px; color: #fdc800; border: 5px solid #fdc800; display: inline-block; padding-left: 6px; text-align: center; } #call-to-action .entry-title { font-size: 32px; font-weight: 600; color: #fff; } #call-to-action .entry-content { color: #fff; } /*-------------------------------------------------------------- # Our Team --------------------------------------------------------------*/ .team-slider .featured-image { position: relative; background-color: #000; background-size: cover; background-position: 50%; border-radius: 10px; margin-bottom: 30px; padding-bottom: 100%; } .team-slider .social-icons { margin-bottom: 20px; } .team-slider .social-icons li:not(:last-child) { margin-right: 10px; } .team-slider .social-icons svg { width: 20px; height: 20px; } .team-slider .entry-header { margin-bottom: 15px; } .team-slider .entry-title { margin-bottom: 10px; font-size: 24px; } .team-slider .entry-title a { color: #2c2d39; } .team-slider .entry-title a:hover, .team-slider .entry-title a:focus { color: #990f12; } .team-slider .position { color: #990f12; text-transform: uppercase; } .team-slider-nav { margin: 0 -15px; z-index: 1; } .team-slider-nav article { padding: 0 15px; } .team-slider-nav .featured-image { background-size: cover; background-position: 50%; padding: 100px 0; background-color: #000; border-radius: 10px; } .team-slider { margin-bottom: 50px; } .team-slider-nav article:not(.slick-current) .featured-image:before { content: ""; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; } .team-slider .slick-arrow { position: relative; display: inline-block !important; vertical-align: middle; top: 0; left: 0; right: 0; margin-top: 45px; border-radius: 10px; transform: none; } .team-slider .slick-prev { margin-right: 20px; } .slick-arrow:before { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } /*-------------------------------------------------------------- # Counter --------------------------------------------------------------*/ #counter { background-size: cover; background-position: 50%; } #counter .wrapper { position: relative; text-align: center; } #counter .overlay { opacity: 0.7; } .counter-icon i { color: #fdc800; font-size: 52px; } .counter-icon a:hover, .counter-icon a:focus { color: #990f12; } .counter-value, .counter-title { font-size: 32px; color: #fff; font-weight: 600; margin-top: 21px; margin-bottom: 10px; } .counter-title { font-size: 16px; text-transform: uppercase; margin: 0; letter-spacing: 0.05em; } /*-------------------------------------------------------------- # Our Partners --------------------------------------------------------------*/ #our-partners article { text-align: center; } /*-------------------------------------------------------------- # Testimonial Section --------------------------------------------------------------*/ #testimonial-section .section-header { text-align: left; max-width: 100%; margin-bottom: 40px; } #testimonial-section .section-title { margin-bottom: 0; } .testimomnial-content-wrapper { padding: 50px; } .testimomnial-content-wrapper .slick-track { margin-left: 0; margin-right: 0; } .testimonial-slider { margin-bottom: 23px; } #testimonial-section .col-1 { max-width: 100%; } #testimonial-section .col-2 { margin: 0; } .col-2 .testimonial-slider article { width: 100%; margin-bottom: 0; padding: 0; } .col-2 .testimonial-slider article:nth-child(2n+1) { clear: none; } .testimonial-slider .featured-image { display: flex; align-items: center; margin-bottom: 28px; } .testimonial-slider .featured-image img { margin-right: 30px; width: 90px; height: 90px; border-radius: 90px; object-fit: cover; } .testimonial-slider .entry-title { margin-bottom: 3px; font-weight: bold; } .testimonial-slider .entry-title a { color: #2c2d39; } .testimonial-slider .entry-title a:hover, .testimonial-slider .entry-title a:focus, .testimonial-slider .position { color: #990f12; } .testimonial-wrapper .entry-content { margin-bottom: 15px; } .star-rating i { color: #fdc800; margin-right: 5px; } .star-rating .fa-star-o { color: #b5bac0; } .col-1 .testimonial-wrapper, .col-1 .application-content-wrapper { width: 90%; max-width: 1200px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .application-link { background-color: #f3f3f3; padding: 45px; } .college-info-links { position: relative; background-size: cover; background-position: 50%; padding: 50px; } .college-info-links .overlay { background-color: #990f12; opacity: 0.8; } .college-info-links .section-title { color: #fff; } .college-info-links ul { position: relative; list-style: none; padding: 0; margin: 0; max-width: 551px; } .college-info-links li:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.40); } .college-info-links a { color: #fff; font-size: 22px; padding-bottom: 15px; display: block; font-weight: 600; font-family: 'Open Sans', sans-serif; } .college-info-links a:hover, .college-info-links a:focus { color: #fdc800; } /*-------------------------------------------------------------- # Archive / Blog --------------------------------------------------------------*/ #latest-posts { background-color: #f3f3f3; } #latest-posts .section-header { text-align: left; max-width: 100%; } #latest-posts .section-title { margin-bottom: 0; } .blog-posts-wrapper.col-2 .latest-news-wrapper { margin-bottom: 40px; } #latest-posts article { width: 100%; padding: 0; margin-bottom: 30px; } #latest-posts article:last-child { margin-bottom: 0; } .blog-posts-wrapper.col-1.clear { max-width: 100%; } .blog-posts-wrapper.col-1 .latest-news-wrapper, .blog-posts-wrapper.col-1 .upcoming-events-wrapper { max-width: 800px; margin-left: auto; margin-right: auto; } .post-item-wrapper { background-color: #fff; border-radius: 10px; padding: 20px; } body:not(.home) .post-item-wrapper { background-color: #f3f3f3; } .post-item-wrapper .featured-image { background-size: cover; background-position: 50%; padding-bottom: 100%; margin-bottom: 25px; border-radius: 10px; } .post-item-wrapper .entry-meta { display: block; margin-bottom: 7px; } .blog-posts-wrapper .entry-meta > span { display: inline-block; } .blog-posts-wrapper .entry-meta > span:not(:last-child):after { content: "/"; color: #990f12; } .post-item-wrapper .entry-title, .events-articles-wrapper .entry-title { font-size: 22px; font-weight: bold; margin-bottom: 7px; } .post-item-wrapper .entry-title a, .events-articles-wrapper .entry-title a { color: #2c2d39; } .post-item-wrapper .entry-title a:hover, .post-item-wrapper .entry-title a:focus, .events-articles-wrapper .entry-title a:hover, .events-articles-wrapper .entry-title a:focus { color: #990f12; } #latest-posts .events-articles-wrapper article { background-color: #fff; border-radius: 10px; padding: 20px; margin-bottom: 30px; min-height: 168px; } #latest-posts .events-articles-wrapper article:last-child { margin-bottom: 0; } .events-articles-wrapper .posted-on { min-width: 120px; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 15px; } .events-articles-wrapper .posted-on a { font-family: 'Open Sans', sans-serif; color: #fff; } .events-articles-wrapper .posted-on span.date { font-size: 32px; background-color: #2c2d39; padding: 12px 11px; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; } .events-articles-wrapper .posted-on span.date:before, .events-articles-wrapper .posted-on span.date:after { content: ""; width: 10px; height: 10px; border-radius: 10px; background-color: #fdc800; position: absolute; top: 10px; left: 10px; } .events-articles-wrapper .posted-on span.date:after { left: auto; right: 10px; } .events-articles-wrapper .posted-on span.year { background-color: #fdc800; color: #2c2d39; padding: 11px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .events-articles-wrapper .posted-on span, .events-articles-wrapper .posted-on span.date span { display: block; font-size: 18px; } .event-item-wrapper ul.tp-education-meta.entry-meta { list-style: none; margin: 5px 0 0; padding: 0; } .event-item-wrapper ul.tp-education-meta.entry-meta li { display: inline-block; padding: 0; border-bottom: none; } .event-item-wrapper ul.tp-education-meta.entry-meta li:not(:last-child):after { content: "/"; margin: 0 5px; color: #990f12; } .event-item-wrapper .tp-education-meta.entry-meta small { display: none; } #latest-posts .view-all { text-align: left; } /*-------------------------------------------------------------- # Single --------------------------------------------------------------*/ #inner-content-wrapper { position: relative; } .no-sidebar-content #inner-content-wrapper { max-width: 1000px; margin-left: auto; margin-right: auto; } .single-wrapper .entry-meta span svg { fill: #82868b; margin-right: 10px; } .single-wrapper .entry-meta span.cat-links svg { margin-right: 7px; } .single-wrapper .entry-meta span.posted-on, .single-wrapper .entry-meta span.posted-on a { color: #82868b; } .single-wrapper .entry-meta span a:hover, .single-wrapper .entry-meta span a:focus, .single-wrapper .cat-links a, .single-wrapper .entry-meta span.byline a.fn:hover, .single-wrapper .entry-meta span.byline a.fn:focus { color: #990f12; } .single-wrapper .featured-image { margin-bottom: 30px; } .single-wrapper .entry-meta, .single-wrapper .entry-container { margin-bottom: 25px; } .single-wrapper .comments-title { margin-bottom: 40px; } .single-wrapper .entry-meta .cat-links { display: inline-block; } .single-wrapper .entry-meta a, .single-wrapper .entry-meta i { font-size: 16px; font-weight: 400; } .single-wrapper .entry-meta > span:not(:last-child):after { content: "|"; } .single-wrapper .entry-meta > span.tags-links a:not(:last-child):after { content: ","; } .single-wrapper .entry-meta > span a { color: #8c8c8c; } .single-wrapper .entry-meta > span a:hover, .single-wrapper .entry-meta > span a:focus { color: #990f12; } .single-wrapper .comment-respond { background-color: transparent; border: none; } #commentform .comment-form-url, .comment-respond p.comment-form-author, .comment-respond p.comment-form-email { width: 100%; float: none; margin-right: 0; } ul.post-categories { list-style: none; margin: 0; padding: 0; } ul.post-categories li { display: inline-block; } .archive-description p { color: #fff; } /*-------------------------------------------------------------- # TP Eduction --------------------------------------------------------------*/ .blog-post-wrap .entry-title.tp-education-header, .blog-post-wrap > img, .entry-meta>span:last-child:after, .course-item .image-wrapper .btn { display: none; } .entry-meta a.btn { background-color: transparent; } .blog-post-wrap .entry-meta .posted-on a, .blog-post-wrap .comments-links, .author-name h6 a, .course-header-contents .title a, .blog-post-wrap .tp-education-meta.entry-meta span, .blog-post-wrap .entry-meta a:hover, .blog-post-wrap .entry-meta a:focus { color: #201f20; } .blog-post-wrap .entry-meta a, .blog-post-wrap .entry-meta .posted-on a:hover, .blog-post-wrap .entry-meta .posted-on a:focus, .author-name h6 a:hover, .author-name h6 a:focus, .course-header-contents .title a:hover, .course-header-contents .title a:focus, .course-header-contents a:hover, .course-header-contents a:focus { color: #990f12; } .blog-post-wrap .entry-meta { margin-bottom: 20px; } .tp-education-meta small { font-size: 16px; font-weight: 400; } .blog-post-wrap .about-author { padding: 25px; border-radius: 0; background-color: #f5f5f3; } .blog-post-wrap .entry-content { padding: 25px; background-color: #f5f5f3; } .blog-post-wrap .author-image { float: none; margin-right: 0; display: table-cell; width: 80px; height: 80px; } .blog-post-wrap .author-content { display: table-cell; padding-left: 20px; float: none; width: auto; } .blog-post-wrap .author-name { text-transform: none; margin-bottom: 0; } .blog-post-wrap .author-name:after { display: none; } .blog-post-wrap .author-name h6 { font-size: 18px; font-weight: 600; margin: 0 0 10px; text-transform: capitalize; } #related-posts { margin: 25px -15px 25px; } .course-lists { margin: 0 -15px; list-style: none; padding: 0; } .course-footer-contents ul { list-style: none; padding: 0; margin-bottom: 0; } .column-wrapper, .related-post-title { padding: 0 15px; } #search-course-tab .container { width: 100%; max-width: 100%; padding: 0; } #related-posts .blog-post-wrap .post-thumbnail img { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } #related-posts .entry-title, .course-header-contents .title { font-size: 22px; font-weight: 600; } .course-item .image-wrapper img { width: 100%; border-radius: 10px; } .course-contents { padding: 0; } .course-lists.three-columns .column-wrapper { margin-bottom: 30px; } .course-lists.three-columns .column-wrapper:last-child { margin-bottom: 0; } .course-lists li .course-item { background-color: #f3f3f3; border-radius: 10px; padding: 20px; } .course-footer-contents small { color: #2a3235; font-size: 16px; font-weight: bold; } .course-header-contents .categories a:not(:last-child):after, .course-header-contents .tags a:not(:last-child):after, .tp-team-courses a:not(:last-child):after { content: ","; } .tp-education-meta.entry-meta small { color: #2a3235; } .course-header-contents a { color: #787878; } .container.page-section #comments, .container.page-section #respond { margin-top: 0; } .tp-education-meta.entry-meta .fa-star { color: #ED8A19; } .tp-education-meta.entry-meta i { margin-right: 5px; } .tp-social.social-icon li a { width: 50px; height: 50px; line-height: 50px; display: block; } .tp-social.social-icon li { margin-bottom: 5px; margin-right: 5px; } .blog-post-wrap .tp-education-meta.entry-meta { background-color: #f5f5f3; padding: 15px 25px; } ul.tp-education-meta.entry-meta { list-style: none; } ul.tp-education-meta.entry-meta li { display: block; border-bottom: 1px solid #ddd; padding: 10px; } ul.tp-education-meta.entry-meta li:last-child { border-bottom: none; } .blog-post-wrap ul.tp-education-meta.entry-meta ul { margin-bottom: 0; } .blog-post-wrap ul.tp-education-meta.entry-meta ul li { border-bottom: none; padding: 0; } .blog-post-wrap ul.tp-education-meta.entry-meta li:empty, .tp-education-meta.entry-meta:empty { display: none; } #related-posts .blog-post-wrap .tp-education-meta.entry-meta { width: 100%; display: inline-block; } #related-posts .blog-post-wrap .entry-title { padding: 25px 25px 0; margin-bottom: 0; font-weight: 600; } #related-posts .blog-post-wrap .entry-title a { color: #2c2d39; } #related-posts .blog-post-wrap .entry-title a:hover, #related-posts .blog-post-wrap .entry-title a:focus { color: #990f12; } #related-posts article { margin-bottom: 25px; } .blog-post-wrap .author-image img { border-radius: 80px; } #related-posts .blog-post-wrap { background-color: #f5f5f3; } ul.tabs, .tab-content.active { display: none; } #search-course-tab, .container.page-section { padding: 0; } #content .site-content { width: 90%; max-width: 1200px; margin: 0 auto; padding: 60px 15px; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #colophon { background-color:#10152d; } #colophon a, #colophon p, #colophon li, .site-footer strong { color: #ffffff; } #colophon .textwidget p { color: #ffffff; } #colophon a:hover, #colophon a:focus { color: #ffffff; } #colophon .widget-title, #colophon .widgettitle { font-size: 22px; margin-bottom: 16px; color: #ffffff; font-weight: 600; border-bottom: 2px solid #fdc800; padding-bottom: 20px; } .footer-widgets-area.page-section { padding: 63px 0; } .footer-widgets-area ul.social-icons { margin-left: -10px; } .footer-widgets-area .social-icons li a { width: 35px; height: 35px; line-height: 35px; } .footer-widgets-area .social-icons li a svg { fill: #fff; opacity: 0.5; width: 20px; height: 20px; } .footer-widgets-area .social-icons li a:hover svg, .footer-widgets-area .social-icons li a:focus svg { opacity: 1; } .footer-widgets-area ul li:before { content: "-"; margin-right: 5px; } .footer-widgets-area ul.social-icons li a:before { display: none; } .site-footer span.post-date { display: block; margin-bottom: 3px; } .site-info span { display: block; text-align: center; } .site-info { background-color:#9e8940; } .site-info { padding: 8px 0; color: #ffffff; } .site-info .social-icons { text-align: center; line-height: 44px; } #colophon .site-info a { color: #ffffff; } #colophon .site-info a:hover, #colophon .site-info a:focus { text-decoration: underline; } .footer-widgets-area ul { list-style: none; margin: 0; padding: 0; } .footer-widgets-area ul li ul { padding-top: 10px; padding-left: 15px; } .footer-widgets-area .widget ul li { display: inline-block; width: 100%; margin-bottom: 14px; } .footer-widgets-area .widget ul li:last-child, .footer-widgets-area .widget .social-icons li { margin-bottom: 0; } .footer-widgets-area .hentry { margin-bottom: 45px; } .footer-widgets-area.col-1 .hentry { text-align: center; } .footer-widgets-area.col-1 .hentry:last-child { margin-bottom: 0; } .footer-widgets-area.col-1 .textwidget img { margin-left: auto; margin-right: auto; } .footer-widgets-area.page-section.col-1 { max-width: 600px; margin-left: auto; margin-right: auto; } .site-info .social-icons li a svg { fill: #fff; } /*-------------------------------------------------------------- # Second Design --------------------------------------------------------------*/ .second-design #top-bar { background-color: #2c7ae7; } .second-design #top-bar .contact-info svg { fill: #fff; } .second-design #featured-slider .overlay { opacity: 0.6; } .second-design .featured-content-wrapper .entry-title { font-weight: 600; margin-bottom: 25px; } .second-design .service-item-wrapper { box-shadow: 0 7px 35px 0 rgba(0,0,0,0.07); padding: 40px; text-align: left; } .second-design .service-icon a { color: #2c7ae7; background-color: transparent; padding: 0; width: auto; height: auto; display: inline-block; } .second-design .service-icon a i { width: auto; height: auto; line-height: normal; font-size: 46px; border: none; } .second-design .service-icon { margin-bottom: 25px; } .second-design .service-item-wrapper .entry-title { font-weight: 600; } .second-design .btn { background-color: #2c7ae7; color: #fff; border-radius: 4px; padding: 12px 30px; min-width: 150px; text-transform: capitalize; font-weight: 600; letter-spacing: 0; } .second-design .btn:hover, .second-design .btn:focus { background-color: #000; color: #fff; } .second-design .featured-content-wrapper .btn:not(:first-child) { color: #000; } .second-design .featured-content-wrapper .btn:hover { color: #fff; } .second-design .featured-content-wrapper .btn:first-child:hover { color: #000; background-color: #fff; } .second-design .featured-content-wrapper .btn { color: #fff; } .second-design .section-subtitle { font-size: 16px; max-width: 600px; margin-left: auto; margin-right: auto; } .second-design #call-to-action { padding: 120px 0; } .second-design .video-button a { border: none; color: #fff; line-height: 80px; background-color: #2c7ae7; width: 80px; height: 80px; font-size: 26px; } .second-design #about-us { background-color: #fff; padding: 60px 0; } .second-design #about-us .wrapper { width: 90%; max-width: 1200px; padding-left: 15px; padding-right: 15px; } .second-design .events-articles-wrapper .posted-on span.year { background-color: #2c7ae7; color: #fff; } .second-design #latest-posts .post-item-wrapper .entry-meta { display: none; } .second-design .latest-news-wrapper article.has-post-thumbnail .featured-image, .second-design .post-articles-wrapper, .second-design #latest-posts .events-articles-wrapper article { border-radius: 0; } .second-design .post-item-wrapper .entry-title, .second-design .events-articles-wrapper .entry-title { font-weight: 600; } .second-design .counter-title { text-transform: none; } .second-design #counter { padding: 80px 0; } .second-design .counter-icon { float: left; width: 70px; text-align: left; } .second-design .counter-icon i { color: #fff; font-size: 42px; } .second-design .counter-value, .second-design .counter-title { display: table-row; text-align: left; } .second-design #our-partners { padding: 50px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } .second-design #our-partners a { display: block; opacity: 0.4; padding: 0 40px; } .second-design #our-partners a:hover, .second-design #our-partners a:focus { opacity: 1; } .second-design #testimonial-section .section-header { text-align: center; } .second-design .testimonial-slider article { background-color: #f5f5f5; padding: 50px; } .second-design .testimonial-slider .featured-image { display: block; text-align: center; } .second-design .testimonial-slider .featured-image img { margin: 0 auto 25px; } .second-design .testimonial-wrapper .entry-content { text-align: center; max-width: 600px; margin-left: auto; margin-right: auto; font-size: 18px; line-height: 28px; color: #232323; } .second-design .testimonial-slider .entry-title { font-weight: 600; } .second-design .star-rating { text-align: center; } .second-design .testimonial-slider .slick-arrow { top: 50%; bottom: auto; border-radius: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .second-design .testimonial-slider .slick-prev { left: -25px; } .second-design .testimonial-slider .slick-next { right: -25px; } .second-design #colophon { background-color: #222; } .second-design #testimonial-section .testimonial-wrapper { max-width: 1200px; } .second-design .college-info-links, .second-design .application-link { display: none; } .second-design .col-2 .testimonial-wrapper { width: 100%; float: none; } @media screen and (min-width: 1024px) { .second-design #about-us { padding: 80px 0; } } @media screen and (min-width: 1200px) { .second-design .featured-content-wrapper .entry-title { font-size: 52px; } .second-design #call-to-action { background-attachment: fixed; } .second-design #about-us article.has-post-thumbnail .entry-container { padding: 50px; } } @media screen and (min-width: 1900px) { .second-design #about-us .wrapper { max-width: 1440px; } .second-design #about-us article.has-post-thumbnail .entry-container { padding: 70px; } } /*-------------------------------------------------------------- # Blog Slider --------------------------------------------------------------*/ #blog-slider { margin-top: 50px; } #blog-slider article { position: relative; background-size: cover; background-position: 50%; padding: 170px 0; } #blog-slider article:before { content: ""; background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; } #blog-slider .blog-slider-wrapper { position: absolute; top: 50%; left: 0; right: 0; z-index: 1; text-align: center; margin: 0 auto; width: 90%; max-width: 700px; padding: 0 20px; bottom: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #blog-slider .entry-title { margin: 0 0 15px; font-weight: 400; font-size: 26px; } #blog-slider .entry-title, #blog-slider .entry-title a { color: #fff; } #blog-slider .entry-title a:hover, #blog-slider .entry-title a:focus, #blog-slider .posted-on a:hover, #blog-slider .posted-on a:focus { color: #fff; opacity: 0.8; } #blog-slider .entry-content { color: #fff; margin-bottom: 20px; } #blog-slider .read-more a { display: inline-block; border: 2px solid #fff; border-radius: 1px; padding: 12px 22px; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.3; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #blog-slider .read-more a:hover, #blog-slider .read-more a:focus { background-color: #fff; color: #000; } #blog-slider .slick-arrow { opacity: 0; visibility: hidden; border-radius: 0; } #blog-slider:hover .slick-arrow { opacity: 1; visibility: visible; } #blog-slider .cat-links { color: #fff; margin-bottom: 15px; display: block; } #blog-slider .cat-links a { color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 0.01em; background-color: #f23051; font-size: 12px; padding: 5px 8px; line-height: 1; } #blog-slider .cat-links a:hover, #blog-slider .cat-links a:focus { background-color: #000; color: #fff; } #blog-slider .posted-on { position: relative; overflow: hidden; } #blog-slider .posted-on a { color: #fff; text-transform: uppercase; letter-spacing: 0.1em; font-size: 14px; } #blog-slider .posted-on:before, #blog-slider .posted-on:after { content: ""; position: absolute; top: 50%; overflow: hidden; width: 24px; height: 1px; border-top: 1px solid rgba(255, 255, 255, 0.50); } #blog-slider .posted-on:before { margin-left: -41px; text-align: right; } #blog-slider .posted-on:after { margin-left: 15px; } /*-------------------------------------------------------------- # Blog Fetaured Posts --------------------------------------------------------------*/ #blog-featured-posts { padding: 50px 0; } #blog-featured-posts .blog-featured-item { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; background-color: #333; } #blog-featured-posts .blog-section-content { margin: 0 -15px; } #blog-featured-posts article { padding: 0 15px; margin-bottom: 30px; display: grid; grid-auto-rows: 240px; } #blog-featured-posts article:last-child { margin-bottom: 0; } #blog-featured-posts .entry-container { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; border: 10px solid rgba(255,255,255,1); z-index: 10; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #blog-featured-posts .blog-featured-item:before { content: ""; background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; } #blog-featured-posts .cat-links a { color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 0.01em; background-color: #f23051; font-size: 12px; padding: 5px 8px; line-height: 1; margin-bottom: 10px; } #blog-featured-posts .cat-links a:hover, #blog-featured-posts .cat-links a:focus { background-color: #000; color: #fff; } #blog-featured-posts .entry-title { font-size: 18px; font-weight: 600; margin: 10px 0 5px; } #blog-featured-posts .entry-title a { color: #fff; } #blog-featured-posts .posted-on a { color: #fff; font-size: 14px; font-weight: bold; } #blog-featured-posts .posted-on a:hover, #blog-featured-posts .posted-on a:focus, #blog-featured-posts .entry-title a:hover, #blog-featured-posts .entry-title a:focus { color: #fff; opacity: 0.8; } /*-------------------------------------------------------------- # Blog Latest Posts --------------------------------------------------------------*/ #blog-featured-posts + #blog-latest-posts { padding-top: 0; } #blog-latest-posts #main { margin: 0 -15px; } #blog-latest-posts article { margin-bottom: 30px; } #blog-latest-posts article:last-child { margin-bottom: 0; } #blog-latest-posts .blog-post-wrapper { text-align: center; background-color: #fff; padding: 30px 25px; } #blog-latest-posts .cat-links { margin-bottom: 15px; display: inline-block; } #blog-latest-posts .cat-links a { color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 0.01em; background-color: #f23051; font-size: 12px; padding: 5px 8px; line-height: 1; } #blog-latest-posts .cat-links a:hover, #blog-latest-posts .cat-links a:focus { background-color: #000; color: #fff; } #blog-latest-posts .entry-title { font-weight: 400; font-size: 26px; margin-bottom: 10px; line-height: 1.4; } #blog-latest-posts .entry-title a { color: #1c1c1c; } #blog-latest-posts .entry-title a:hover, #blog-latest-posts .entry-title a:focus { color: #f23051; } #blog-latest-posts .posted-on { position: relative; overflow: hidden; margin-bottom: 25px; display: block; } #blog-latest-posts .posted-on a { color: #232323; font-size: 14px; font-weight: 600; } #blog-latest-posts .posted-on:before { margin-left: -41px; text-align: right; } #blog-latest-posts .posted-on:after { margin-left: 15px; } #blog-latest-posts .featured-image { margin: 0 -25px 25px; } #blog-latest-posts .entry-content { padding: 0 15px; max-width: 700px; margin: 0 auto 25px; } #blog-latest-posts .read-more a { color: black; text-transform: uppercase; letter-spacing: 0.05em; background-color: #f23051; font-size: 12px; padding: 7px 11px; line-height: 1; font-weight: 600; } #blog-latest-posts .read-more a:hover, #blog-latest-posts .read-more a:focus { background-color: #000; color: #fff; } #blog-latest-posts .social-icons { position: relative; display: inline-block; } #blog-latest-posts .social-icons li { margin: 5px; } #blog-latest-posts .social-icons li a { border: 1px solid #d6d6d6; border-radius: 100%; line-height: 30px; width: 35px; height: 35px; } #blog-latest-posts .social-icons li a svg { width: 13px; height: 13px; fill: #000; } #blog-latest-posts .social-icons li a:hover svg, #blog-latest-posts .social-icons li a:focus svg { fill: #fff; } #blog-latest-posts .post-footer-share { position: relative; overflow: hidden; } #blog-latest-posts .social-icons:before, #blog-latest-posts .social-icons:after { content: ''; position: absolute; top: 50%; border-bottom: 1px solid; border-color: #ddd; width: 690px; margin: 0 20px; } #blog-latest-posts .social-icons:before { right: 100%; } #blog-latest-posts .social-icons:after { left: 100%; } @media screen and (min-width: 567px) { #blog-featured-posts article { width: 50%; float: left; } #blog-featured-posts article:nth-child(2n+1) { clear: left; } #blog-featured-posts article:nth-last-child(-n+2) { margin-bottom: 0; } } @media screen and (min-width: 767px) { #blog-slider article { padding: 250px 0; } #blog-featured-posts article { width: 33.33%; } #blog-featured-posts article:nth-child(2n+1) { clear: none; } #blog-featured-posts article:nth-child(3n+1) { clear: left; } #blog-featured-posts article:nth-last-child(-n+3) { margin-bottom: 0; } } @media screen and (min-width: 1024px) { #blog-slider .entry-title { font-size: 32px; } } @media screen and (min-width: 1900px) { #blog-slider article { padding: 320px 0; } #blog-featured-posts article { grid-auto-rows: 300px; } } /*-------------------------------------------------------------- # RESPONSIVE --------------------------------------------------------------*/ @media screen and (min-width: 567px) { .col-2, .col-3, .col-4 { margin: 0 -15px; } .col-2 article, .col-3 article, .col-4 article, .course-lists.three-columns .column-wrapper { padding: 0 15px; float: left; width: 50%; margin-bottom: 30px; } .col-2 article:nth-child(2n+1), .col-3 article:nth-child(2n+1), .col-4 article:nth-child(2n+1) { clear: left; } .col-2 article:nth-last-child(-n+2), .col-3 article:nth-last-child(-n+2), .col-4 article:nth-last-child(-n+2), .course-lists.three-columns .column-wrapper:nth-last-child(-n+2) { margin-bottom: 0; } #top-bar .col-2 { margin: 0; } .section-title { font-size: 32px; } .section-subtitle { font-size: 20px; } .featured-content-wrapper .read-more { margin: 0 -14px; } .featured-content-wrapper .btn { display: inline-block; margin: 0 14px; } #featured-courses .col-2 article { width: 100%; float: none; margin-bottom: 30px; } #featured-courses .col-2 article:last-child { margin-bottom: 0; } .featured-course-item .tp-education-meta.entry-meta { display: flex; align-items: center; justify-content: space-between; } .featured-course-item .tp-education-meta.entry-meta li:not(:last-child) { margin-bottom: 0; } .view-all { margin-top: 50px; } .team-slider .entry-title { font-size: 32px; } #latest-posts .events-articles-wrapper .event-item-wrapper { display: table; width: 100%; position: relative; } #latest-posts .event-item-wrapper > .entry-meta { max-width: 120px; display: table-cell; position: absolute; top: 0; left: 0; } #latest-posts .event-item-wrapper .entry-container { padding-left: 140px; padding-right: 20px; display: table-cell; } .events-articles-wrapper .posted-on { margin-bottom: 0; } #latest-posts .view-all { margin-top: 30px; } .blog-post-wrap ul.tp-education-meta.entry-meta > li { width: 50%; float: left; } .blog-post-wrap ul.tp-education-meta.entry-meta > li:nth-child(2n+1) { clear: left; } .blog-post-wrap ul.tp-education-meta.entry-meta li:last-child { border-bottom: 1px solid #ddd; } #comments ol.children { padding-left: 110px; } .right-sidebar #secondary, .left-sidebar #secondary { margin-top: 50px; } #secondary .widget_social_icons li a svg { width: 30px; height: 30px; } .comment-metadata { margin-top: -25px; } .footer-widgets-area.col-2 .hentry, .footer-widgets-area.col-4 .hentry { width: 50%; display: inline-block; } .footer-widgets-area.col-2 .hentry:nth-child(2n+1), .footer-widgets-area.col-4 .hentry:nth-child(2n+1) { clear: left; } .footer-widgets-area.col-2 .hentry:nth-child(odd), .footer-widgets-area.col-4 .hentry:nth-child(odd) { padding-right: 40px; } .footer-widgets-area.col-2 .hentry:nth-last-child(-n+2), .footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) { margin-bottom: 0; } .site-info.col-2 span { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 767px) { .col-1 .hentry { width: 100%; } .col-2 .hentry { width: 50%; float: left; display: inline-block; } .col-3 .hentry { width: 33.33%; float: left; } .col-4 .hentry { width: 50%; float: left; } .col-5 .hentry { width: 20%; float: left; } .col-6 .hentry { width: 16.66%; float: left; } .col-3 article { width: 33.33%; } .col-3 article:nth-child(2n+1) { clear: none; } .col-3 article:nth-child(3n+1) { clear: left; } .col-3 article:nth-last-child(-n+3) { margin-bottom: 0; } blockquote.alignright { width: -webkit-calc(50% - 0.736842105em); width: calc(50% - 0.736842105em); margin-top: 10px; margin-bottom: 25px; } #page-site-header .page-title { font-size: 18px; margin-top:-290px; } .featured-content-wrapper .entry-header span { font-size: 24px; } .featured-content-wrapper .entry-title { font-size: 42px; } #about-us { padding: 0; } #about-us .wrapper { padding: 0; width: 100%; max-width: 100%; } #about-us article.has-post-thumbnail { display: table; width: 100%; position: relative; } #about-us article.has-post-thumbnail .featured-image { width: 50%; display: table-cell; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 0; margin-bottom: 0; } #about-us article.has-post-thumbnail .entry-container { width: 50%; display: table-cell; padding: 50px; text-align: left; } article.has-post-thumbnail .featured-course-item .featured-image { margin-bottom: 0; float: right; width: 47%; max-width: 280px; } article.has-post-thumbnail .featured-course-item .entry-container { float: left; width: 53%; padding-right: 20px; } .team-slider article { position: relative; display: table; } .team-slider article .featured-image { width: 48.8%; display: table-cell; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 0; margin-bottom: 0; } .team-slider article .entry-container { width: 51.2%; display: table-cell; padding: 40px 0 40px 40px; text-align: left; float: right; } .team-slider .entry-title { margin-bottom: 15px; } .team-slider .entry-header { margin-bottom: 25px; } .testimonial-slider .slick-arrow { top: 0; right: 0; transform: none; } .testimonial-slider .slick-prev { left: auto; right: 70px; } .application-content-wrapper { display: flex; align-items: center; justify-content: space-between; } #latest-posts .latest-news-wrapper article { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dcdddd; } #latest-posts .latest-news-wrapper article:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .latest-news-wrapper .post-item-wrapper { border-radius: 0; background-color: transparent; padding: 0; } .post-articles-wrapper { background-color: #fff; border-radius: 10px; padding: 20px; } .latest-news-wrapper article.has-post-thumbnail .post-item-wrapper { display: table; position: relative; width: 100%; } .latest-news-wrapper article.has-post-thumbnail .featured-image { width: 100%; max-width: 240px; display: table-cell; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-bottom: 0; margin-bottom: 0; } .latest-news-wrapper article.has-post-thumbnail .entry-container { display: table-cell; text-align: left; padding: 9px 0 9px 260px; } .single-wrapper #reply-title { font-size: 42px; } .single-wrapper .comments-title { font-size: 42px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { padding-right: 25px; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { padding-left: 25px; } .blog-post-wrap ul.tp-education-meta.entry-meta > li, .course-lists.three-columns .column-wrapper { width: 33.33%; } .blog-post-wrap ul.tp-education-meta.entry-meta > li:nth-child(2n+1) { clear: none; } .blog-post-wrap ul.tp-education-meta.entry-meta > li:nth-child(3n+1) { clear: left; } .footer-widgets-area.col-3 .hentry, .course-lists.three-columns .column-wrapper:nth-last-child(-n+3) { margin-bottom: 0; } .footer-widgets-area.col-3 .hentry:not(:last-child) { padding-right: 40px; } .site-info.col-2 .wrapper { display: flex; align-items: center; justify-content: center; } .site-info.col-2 span { float: left; width: 50%; text-align: left; } .site-info.col-2 span:nth-child(2) { float: right; text-align: right; } .site-info.col-2 .social-icons { text-align: right; float: right; } } @media screen and (min-width: 992px) { .col-4 .hentry { width: 25%; float: left; } .col-5 .hentry { width: 20%; float: left; } .col-4 article { width: 25%; } .col-4 article:nth-child(2n+1) { clear: none; } .col-4 article:nth-child(4n+1) { clear: left; } .col-4 article:nth-last-child(-n+4) { margin-bottom: 0; } .featured-content-wrapper .entry-title { font-size: 52px; } .featured-content-wrapper .entry-content { font-size: 22px; line-height: 35px; } #about-us .entry-title { font-size: 32px; } #about-us article.has-post-thumbnail .entry-container { padding: 65px; } #featured-courses .col-2 article { width: 50%; float: left; } #featured-courses .col-2 article:nth-last-child(-n+2) { margin-bottom: 0; } #our-team { padding-bottom: 0; } #our-team:after { content: ""; background-color: #f3f3f3; position: absolute; left: 0; right: 0; width: 100%; height: 50px; bottom: 0; } .team-slider .entry-title { font-size: 42px; } .team-slider .position { font-size: 18px; } .col-2 .testimonial-wrapper, .col-2 .college-info-links { width: 50%; float: left; } .college-info-links, .testimomnial-content-wrapper { padding: 70px; } #testimonial-section .testimomnial-content-wrapper { padding-bottom: 0; } .testimonial-wrapper .entry-content { font-size: 22px; line-height: 1.5; font-family: 'Lora', serif; font-style: italic; } .comment-form-author, .comment-form-email, .comment-form-url { width: 33.33%; float: left; } .blog-post-wrap .entry-container { display: flex; flex-direction: row-reverse; } .blog-post-wrap .tp-education-meta.entry-meta { width: 38%; margin-bottom: 0; } .blog-post-wrap .entry-content { width: 62%; margin-right: 25px; } .blog-post-wrap .tp-education-meta.entry-meta>span:after { display: none; } .blog-post-wrap ul.tp-education-meta.entry-meta > li { width: 100%; display: flex; justify-content: space-between; } .tp-testimonial-template-default.single .blog-post-wrap ul.tp-education-meta.entry-meta > li { display: inline-block; } .tp-testimonial-template-default.single .blog-post-wrap ul.tp-education-meta.entry-meta > li i { margin-right: 5px; } .blog-post-wrap ul.tp-education-meta.entry-meta li:last-child { border-bottom: none; } .footer-widgets-area.col-4 .hentry { width: 25%; padding-right: 30px; } .footer-widgets-area.col-5 .hentry { padding-right: 30px; } .footer-widgets-area.col-4 .hentry:last-child, .footer-widgets-area.col-5 .hentry:last-child { padding-right: 0; } .footer-widgets-area.col-4 .hentry:nth-child(2n+1) { clear: none; } .footer-widgets-area.col-4 .hentry:nth-child(4n+1) { clear: left; } .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4), .footer-widgets-area.col-5 .hentry:nth-last-child(-n+5) { margin-bottom: 0; } } @media screen and (min-width: 1024px) { #top-bar .contact-info li:not(:last-child) { margin-right: 18px; padding-right: 18px; border-right: 1px solid rgba(255, 255, 255, 0.40); } #top-bar svg.dropdown-icon { display: none !important; } #top-bar .wrapper { display: block !important; height: auto !important; } #site-navigation { padding: 26px 0; } .main-navigation ul.nav-menu { display: block !important; height: auto !important; } .main-navigation ul.nav-menu > li:not(:last-child) { margin-right: 25px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; right: 0; opacity: 1; visibility: visible; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: auto; right: 100%; } .main-navigation ul ul ul { top: 0; } .main-navigation ul.sub-menu li a { color: #2c2d39; padding: 10px 20px; } .main-navigation ul.sub-menu > li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.10); } .main-navigation .menu-item-has-children > a:after { float: none; } .main-navigation ul.sub-menu li:hover > a, .main-navigation ul.sub-menu li:focus > a { color: #fff; } .main-navigation .sub-menu svg { fill: #2c2d39; right: 0; margin-top: 5px; } .main-navigation ul.sub-menu > li:last-child > a { border-bottom: none; } #search { position: absolute; z-index: 30; right: 0; top: 60px; display: none; } .main-navigation .search-active .icon-search { display: none; } .main-navigation .search-active .icon-close { display: inline-block; } #masthead .main-navigation ul ul li.menu-item-has-children > a { padding-right: 35px; } #masthead .main-navigation ul ul li a svg { display: inline-block; top: 17px; right: 15px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .main-navigation ul#primary-menu ul li.current-menu-item > a, .main-navigation ul#primary-menu ul li:hover > a, .main-navigation ul#primary-menu ul li:focus > a { color: #990f12; } .main-navigation ul ul { background-color: #fff; opacity: 0; visibility: hidden; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); } .main-navigation ul ul li.menu-item-has-children:hover > a > svg, .main-navigation ul ul li.menu-item-has-children > a:hover > svg { fill: #990f12; } #search:before { content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fdc800; position: absolute; top: -7px; right: 8px; } button.dropdown-toggle { display: none; } .menu-toggle { display: none; } .main-navigation ul { display: block; } .main-navigation li { display: inline-block; } .main-navigation .left-menu { padding-left: 50px; } .main-navigation ul.nav-menu > li.left-menu > a, .main-navigation ul.nav-menu > li.right-menu > a { padding-left: 5px; padding-right: 5px; } .main-navigation li.left-menu + li.right-menu:before { content: "/"; position: absolute; top: 50%; margin-left: -6px; color: #fff; margin-top: -1px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .main-navigation form.search-form { border: 10px solid #fdc800; } .main-navigation form.search-form input { background-color: #fff; border-color: #fff; color: #2c2d39; } .menu-sticky #masthead.nav-shrink #top-bar { display: none; } .menu-sticky #masthead { position: sticky; top: 0; } .menu-sticky #masthead.nav-shrink { padding: 2px 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .customize-support.menu-sticky #masthead.nav-shrink { top: 32px; } .page-section { padding: 80px 0; } #content .site-content { padding: 80px 15px; } .college-info-links, .testimomnial-content-wrapper { padding: 80px 70px; } .right-sidebar #primary, .left-sidebar #primary { width: 70%; float: left; padding-right: 40px; } .right-sidebar #secondary, .left-sidebar #secondary { width: 30%; float: right; margin-top: 0; } .secondary-inactive #primary { width: 100%; float: none; padding:0; } .left-sidebar #primary { float: right; padding-right: 0; padding-left: 40px; } .no-sidebar #primary { width: 100%; float: none; padding-right: 0; } .boxed-layout #page { max-width: 1250px; margin-left: auto; margin-right: auto; } .frame-layout { max-width: 100%; width: 100%; padding-left: 50px; padding-right: 50px; margin: 50px auto; } } @media screen and (min-width: 1200px) { .featured-content-wrapper .entry-title { font-size: 62px; } #about-us article.has-post-thumbnail .entry-container { padding: 80px; } #call-to-action, #counter { padding: 120px 0; } #featured-courses .section-header { margin-bottom: 65px; } #featured-courses .col-2 { margin: 0 -35px; } #featured-courses .col-2 article { padding: 0 40px; margin-bottom: 70px; } .featured-course-item { padding: 40px 30px 20px; } .featured-course-item .featured-image { margin-top: -60px; margin-right: -50px; } article:nth-child(even) .featured-course-item .featured-image { float: left; margin-right: 0; margin-left: -50px; } article:nth-child(even) .featured-course-item .entry-container { float: left; padding-right: 0; padding-left: 30px; } article.has-post-thumbnail .featured-course-item .featured-image { width: 48%; } article.has-post-thumbnail .featured-course-item .entry-container { width: 60%; } .team-slider .entry-title { font-size: 52px; } .team-slider article .entry-container { padding: 60px 0 60px 60px; } .team-slider { margin-bottom: 60px; } .application-content-wrapper { display: flex; align-items: center; justify-content: space-between; } .col-2 .application-content-wrapper { max-width: 655px; margin-left: auto; margin-right: 0; } #latest-posts .col-2 { margin: 0 -15px; } #latest-posts .col-2 .latest-news-wrapper, #latest-posts .col-2 .upcoming-events-wrapper { padding: 0 15px; width: 50%; float: left; } .blog-posts-wrapper.col-2 .latest-news-wrapper { margin-bottom: 0; } } @media screen and (min-width: 1900px) { body, .tp-education-meta.entry-meta small, .tp-education-meta.entry-meta span { font-size: 18px; } .wrapper, #content .site-content, .col-1 .testimonial-wrapper, .col-1 .application-content-wrapper { max-width: 1440px; } .page-section { padding: 100px 0; } #masthead { padding: 10px 0; } #featured-slider article { padding: 415px 0; } #our-services .col-3 { margin: 0 -30px; } #our-services .col-3 article { padding: 0 30px; } #about-us article.has-post-thumbnail .entry-container { padding: 120px 260px 120px 130px; } #featured-courses .col-2 { margin: 0 -45px; } #featured-courses .col-2 article { padding: 0 45px; margin-bottom: 70px; } #call-to-action { padding: 195px 0; } #counter { padding: 178px 0; } #our-team .wrapper { max-width: 1200px; } .team-slider .position { font-size: 20px; } .team-slider { margin-bottom: 100px; } .team-slider .social-icons svg { width: 25px; height: 25px; } .college-info-links, .testimomnial-content-wrapper { padding: 90px 70px; } .col-2 .testimomnial-content-wrapper { padding-left: 0; } #testimonial-section .col-2 .testimomnial-content-wrapper { max-width: 700px; margin-left: auto; margin-right: 0; } .testimonial-wrapper .entry-content { font-size: 24px; } .testimonial-slider { margin-bottom: 24px; } .frame-layout { padding-left: 70px; padding-right: 70px; margin: 70px auto; } #content .site-content { padding: 100px 15px; } #respond { margin-top: 55px; } .footer-widgets-area.col-3 .hentry:not(:last-child), .footer-widgets-area.col-2 .hentry:nth-child(odd) { padding-right: 100px; } .boxed-layout #page { max-width: 1600px; width: 90%; } .footer-widgets-area.page-section { padding: 90px 0; } } @media screen and (max-width: 1023px) { #top-bar .col-2 .hentry { width: 100%; } #top-bar .secondary-menu ul li { float: none; text-align: center; } #top-bar { cursor: pointer; min-height: auto; padding: 10px; } #top-bar .contact-info { padding: 0 0 10px; } .secondary-menu { float: none; text-align: center; } #top-bar .social-menu ul li { float: none; display: inline-block; } .secondary-menu ul li:not(:last-child):after { display: none; } #top-bar .wrapper { display: none; padding-top: 15px; margin-top: 8px } #top-bar.top-menu-active:before { content: ""; background-color: #e87014; opacity: 0.4; position: absolute; top: 35px; width: 100%; left: 0; height: 1px; } #top-bar ul li { float: none; text-align: center; } .secondary-menu ul, .secondary-menu .apply-now { float: none; } .secondary-menu .apply-now { margin: 15px 0 10px 0; } .site-logo img { max-height: 80px; } .site-branding { padding: 15px 0; min-height: 80px; } .site-title { font-size: 26px; } .main-navigation a { border-bottom: 1px solid #eee; } .main-navigation ul.nav-menu > li { padding: 0; } .main-navigation ul.nav-menu > li > a { padding: 15px; } .main-navigation ul.sub-menu li a { padding-top: 15px; padding-bottom: 15px; } .main-navigation ul ul a { width: 100%; } .main-navigation ul#primary-menu li.current-menu-item > a, .main-navigation ul#primary-menu li:hover > a, .main-navigation ul#primary-menu li:focus > a, .main-navigation ul#primary-menu .focus > a { color: #990f12; } .main-navigation ul.nav-menu > li > a { color: #2c2d39; } .main-navigation ul ul, .main-navigation ul ul ul { box-shadow: none; float: none; position: relative; top: 0; left: 0; margin-bottom: 0; display: none; } .main-navigation ul.sub-menu li { padding-right: 0; } .main-navigation .menu-item-has-children > a:before { content: ""; float: right; position: relative; right: 25px; background-color: #ccc; width: 1px; height: 25px; } .main-navigation .menu-item-has-children > a:after { padding-top: 3px; } .main-navigation ul.nav-menu > li > a, .main-navigation ul.sub-menu li a { padding: 15px 15px 15px 25px; } .main-navigation ul.sub-menu li a { padding-left: 50px; } .main-navigation ul.sub-menu ul li a { padding-left: 75px; } .main-navigation ul.sub-menu ul ul li a { padding-left: 100px; } .main-navigation ul.sub-menu ul ul ul li a { padding-left: 125px; } .main-navigation .menu-item-has-children a svg { display: none; } .main-navigation ul.sub-menu li a { border-left: none; } .main-navigation ul.nav-menu { margin-right: 0; background-color: #fff; margin-top: 25px; } .main-navigation { position: static; } .main-navigation a { color: #2c2d39; } .main-navigation svg.icon-search, .main-navigation svg.icon-down { fill: #2c2d39; margin-top: -5px; } .main-navigation ul.sub-menu { border: none; } .menu-open .menu-toggle .icon-close { display: inline-block; margin: auto; width: 20px; height: 20px; } #masthead.site-header .main-navigation ul.nav-menu { margin-top: 0; position: absolute; max-width: 400px; top: 100%; left: auto; right: 0; width: 100%; border-top: 1px solid #eee; } .main-navigation .search-menu a { display: none; } .main-navigation form.search-form input { background-color: #fff; border: none; } .menu-open #search { display: block !important; } .main-navigation form.search-form input { padding-left: 25px; } .main-navigation .sub-menu svg { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } #site-navigation ul ul { background-color: transparent; } .page-section { padding: 60px 0; } } @media screen and (max-width: 992px) { .page-section { padding: 60px 0; } .single-post-wrapper .entry-title, .comments-title, #reply-title { font-size: 28px; } .navigation.post-navigation a, .navigation.posts-navigation a { font-size: 18px; } } @media screen and (max-width: 767px) { #masthead.site-header .main-navigation ul.nav-menu { max-width: 100%; } .btn { padding: 16px 30px; font-size: 16px; } #featured-slider article { padding: 275px 0; } .featured-content-wrapper { text-align: center; margin: auto; } .application-content-wrapper img, .application-content-wrapper .btn { display: table; margin-left: auto; margin-right: auto; } .application-content-wrapper img { margin-bottom: 25px; } .testimonial-slider { margin-bottom: 50px; } .testimonial-slider .slick-arrow { position: relative; display: inline-block; vertical-align: middle; left: 0; right: 0; top: 0; transform: none; float: left; margin-top: 15px; } .testimonial-slider .slick-prev { margin-right: 15px; } .comment-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-next, .post-navigation .nav-next { width: 100%; } .post-navigation span.previous-article b, .post-navigations span.previous-article b, .post-navigation span.next-article b, .post-navigations span.next-article b { font-size: 18px; } .pagination .page-numbers, .pagination .page-numbers.dots:hover, .pagination .page-numbers.dots:focus, .pagination .page-numbers.prev, .pagination .page-numbers.next { margin-bottom: 7px; } .navigation.post-navigation a, .navigation.posts-navigation a { font-size: 16px; } #respond { margin-top: 0; } #commentform p.comment-form-comment, #commentform p.form-submit { margin-top: 21px; } nav.navigation.pagination { margin-top: 15px; } #secondary { margin-top: 30px; } .single-post-wrapper .entry-title, .comments-title, #reply-title { font-size: 26px; } #comments { margin-top: 40px; } .tags-links { margin-bottom: 25px; } .navigation.post-navigation .nav-previous + .nav-next { padding-top: 0; } .navigation.post-navigation .nav-previous + .nav-next svg { top: 10px; } } @media screen and (max-width: 567px) { .site-logo img { max-height: 290px; max-width: 120px; margin-right:-3px; margin-left:-25px; margin-top:-45px; } .site-description { font-size: 16px; font-family: Brush script MT; } .menu-toggle svg.icon-close { width: 16px; height: 16px; } .site-title { font-size: 22px; } #featured-slider .slick-prev, #featured-slider .slick-next { opacity: 0; visibility: hidden; } .featured-content-wrapper .entry-content, .featured-content-wrapper .entry-content p { font-size: 16px; } .featured-content-wrapper .entry-content { margin: 15px 0 20px; } #featured-courses .col-2 article:not(:last-child) { margin-bottom: 30px; } #page-site-header { padding: 200px 0; } #page-site-header .page-title { font-size: 14px; margin-top:-200px; } .pagination .page-numbers.prev, .pagination .page-numbers.next { top: 0; } .pagination .prev.page-numbers:before, .pagination .next.page-numbers:before { width: 35px; height: 10px; } .site-main .comment-navigation, .site-main .post-navigation { margin-top: 25px; } .site-main .posts-navigation { margin-top: 0; } .single-wrapper .comments-title { margin-bottom: 0; } .single-wrapper #reply-title { margin-bottom: 25px; } .comment-metadata { float: none; padding-right: 0; } .comment-content { padding: 25px; margin-left: 20px; margin-top: 30px; } .comment-meta .fn { padding-left: 0; } .comment-meta img { margin-top: 0; } #comments ol.children .comment-metadata { padding-right: 90px; } #comments ol.children .comment-content { margin-right: 0; } .comment-content:before { border-right-color: transparent; border-bottom-color: #f5f5f3; left: 20px; top: -18px; } blockquote.alignright { margin-left: 0; } .footer-widgets-area .hentry:last-child, .footer-widgets-area.col-3 .hentry:last-child { margin-bottom: 0; padding-right: 0; } .footer-widgets-area { text-align: left; } .footer-widgets-area .widget_text img { margin-left: auto; margin-right: auto; } #colophon .widget-title, #colophon .widgettitle { display: inline-block; } } #latest-posts .view-all.blog.btn-center { text-align: center; } #latest-posts .view-all.blog.btn-center { text-align: center; } .wp-block-latest-comments article{ margin-bottom: 0px; } ol.wp-block-latest-comments{ padding-left: 0px; } ol.wp-block-latest-comments li{ display: flex; } .wp-block-latest-comments article{ margin-bottom: 0px; display: inline-block; }
💾 Save
❌ Cancel