/* Theme Name: Business Cube Theme URI: https://karunathemes.com/downloads/business-cube/ Author: Karunathemes.com Author URI: https://karunathemes.com Description: Business Cube is a clean, flexible and fully responsive Multipurpose WordPress Theme. Business Cube can be used for any type of website Business and Corporate. Business Cube is made with a lot of features, one of the best features in this theme is the easy customization on each section. A clean, yet artistic design that will work perfectly on any device. It comes with cross-browser compatibility, mobile friendly design and responsive features. Version: 1.0 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: business-cube Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, right-sidebar, editor-style, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment 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. Business Cube 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 ## ## ## ## ## ## ## ## # Blog/Archive/Single # Footer # Font Family Options # Responsive --------------------------------------------------------------*/ .backtotop { background-color: #a90125; 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: #2a3235; } .backtotop svg { display: inline-block; vertical-align: middle; fill: #fff; } @-webkit-keyframes colorchange { 0% {border-color: #e30048;} 25% {border-color: #ffbb44;} 50% {border-color: #9acf0b;} 75% {border-color: #a93d7b;} 100% {border-color: #f1ad02;} } @keyframes colorchange { 0% {border-color: #e30048;} 25% {border-color: #ffbb44;} 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: 'Open Sans', 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; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; color: #2a3235; } 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: #000; margin: 16px 0; line-height: 1.2; font-weight: 400; font-family: 'Raleway', sans-serif; } h1 { margin: 0 0 16px; } mark { background: #ff0; color: #2a3235; } 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: #2a3235; } 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: rgba(255, 255, 255, 0.40); } .site-footer .calendar_wrap caption { color: #fff; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #737373; font-size: 16px; font-size: 1rem; line-height: 28px; word-wrap: break-word; } p { margin: 0 0 1em; color: #82868b; } 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: 0 60px 0 40px; font-size: 18px; line-height: 35px; font-weight: 300; position: relative; margin: 0 0 21px; } blockquote.alignright { padding-right: 0; margin-bottom: 14px; } blockquote:before { content: ""; background-image: url('assets/uploads/blockquote.png'); position: absolute; left: 0; top: 3px; width: 37px; height: 27px; display: inline-block; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 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"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } 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 { border-color: #aaa #bbb #bbb; 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: #666; border: 1px solid #ccc; border-radius: 0; padding: 3px; } 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: #111; } textarea { width: 100%; border: 1px solid #e5e5e5; border-radius: 0; outline: none; padding: 15px; } #respond input, .wpcf7 input { width: 100%; border: 1px solid #e5e5e5; border-radius: 0; outline: none; height: 50px; padding: 0 15px; } .wpcf7 textarea { height: 150px; } #respond input { border: none; min-height: 50px; } #respond textarea { height: 200px; padding: 15px; border: none; background-color: #f5f5f3; } #respond input[type="text"], #respond input[type="email"], #respond input[type="url"] { background-color: #f5f5f3; } #respond input[type="submit"] { padding: 10px 30px; font-size: 16px; font-weight: bold; display: inline-block; position: relative; text-align: center; background-color: #a90125; color: #fff; letter-spacing: 0.01em; height: auto; -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; } #respond input[type="submit"]:hover, #respond input[type="submit"]:focus { background-color: #ff214f; color: #fff; } 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; } #respond .comment-form-cookies-consent input[type=checkbox] { width: 15px; height: 15px; padding: 0; float: left; } #respond .comment-form-cookies-consent label { margin: 10px 0 0 10px; display: inline-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; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #ea1945; text-decoration: none; outline: none; } a:hover, a:focus, a:active { color: #2a3235; } a:focus { outline: thin dotted; } /*-------------------------------------------------------------- ## Top Bar --------------------------------------------------------------*/ #top-bar { background-color: #ff214f; color: #fff; padding: 8px 0; z-index: 30; } #top-bar .contact-info { list-style: none; margin: 0; padding: 0; } #top-bar .contact-info a { color: #fff; font-weight: 500; } #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: #fff; 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 .top-icon .fa { 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; } .secondary-menu a { color: #738f9d; } .secondary-menu ul li:not(:last-child):after { content: "|"; width: 1px; height: 5px; margin: 0 10px; color: #fff; opacity: 0.4; } #top-bar svg { fill: #fff; } #top-bar ul.social-icons li { height: 30px; margin-right: 20px; } #top-bar ul.social-icons li:last-child { margin-right: -20px; } #top-bar ul.social-icons li a:hover svg, #top-bar ul.social-icons li a:focus svg { fill: #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: #000; -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: #ff214f; opacity: 0.8; } .site-description { margin: 0; color: #000; line-height: 1.5; } .site-logo img { max-height: 80px; width: auto; margin-right: 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; } .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: #ff214f; background-color: #fff; } .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: #ff214f; } .main-navigation ul ul { background-color: #fff; text-align: left; padding: 0; } .main-navigation ul.sub-menu li a { padding: 8px 15px; color: #1c2b42; } .main-navigation ul.sub-menu a:after { float: right; padding-left: 0; transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); } .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: 36px 15px; color: #000; } .main-navigation form.search-form input { background-color: #1c2b42; border-color: #1c2b42; color: #1c2b42; font-weight: 400; } .main-navigation ul.nav-menu > li > a.search:hover svg.icon-search, .main-navigation ul.nav-menu > li > a.search:focus svg.icon-search, .main-navigation li.search-menu a:hover svg, .main-navigation li.search-menu a:focus svg, .main-navigation li.search-menu a.search-active svg { fill: #ffbb44; } .main-navigation a:hover, .main-navigation ul.nav-menu > li > a:hover { color: #a90125; } .main-navigation ul.nav-menu { margin-right: -25px; } .main-navigation a { display: block; text-decoration: none; color: #1c2b42; text-transform: uppercase; position: relative; font-weight: 400; -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: #1c2b42; } .main-navigation .count { float: right; background-color: #ffbb44; 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%; outline: none; } .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; fill: #fff; } .main-navigation .sub-menu svg { width: 12px; height: 12px; fill: #1c2b42; 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: 16px; margin: auto; outline: none; display: block; height: 100px; position: relative; background-color: transparent; min-width: 64px; border: none; margin-right: -15px; } .menu-label { float: right; color: #1c2b42; padding: 7px 0 0 10px; display: none; } .menu-open .menu-label { padding-top: 2px; } .menu-open .menu-toggle { padding-top: 10px; } svg.icon-menu { fill: #fff; width: 30px; height: 30px; vertical-align: baseline; } .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; outline: none; } button.dropdown-toggle.active i { transform: rotate(-180deg); transform-origin: center; } .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: #ffbb44; display: block; } .post-navigation a:hover, .posts-navigation a:hover, .post-navigation a:focus, .posts-navigation a:focus { color: #2a3235; } .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: #a90125; border: 1px solid #a90125; outline: none; } .pagination .page-numbers.current, .pagination .page-numbers:hover, .pagination .page-numbers:focus { color: #fff; border-color: #ff214f; background-color: #ff214f; } .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 { float: left; text-align: left; } .nav-next span { float: right; text-align: right; } .post-navigation .nav-subtitle { display: block; float: none; padding: 0; } .nav-previous .nav-title-icon-wrapper { margin-right: 10px; } .nav-next .nav-title-icon-wrapper { margin-left: 10px; } .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: 16px; color: #2a3235; outline: none; } .navigation.post-navigation a:hover, .navigation.posts-navigation a:hover, .navigation.post-navigation a:focus, .navigation.posts-navigation a:focus { color: #a90125; } .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: #a90125; } .single .featured-image { margin: 20px 0; } .single .entry-meta > span:not(:last-child) { margin-right: 0px; } .single .entry-meta > span:not(:last-child):after { content: "/"; color: #ea1945; padding: 0 5px; } /*-------------------------------------------------------------- # 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 { 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 { 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 select:focus { outline: thin dotted; } .widget input { outline: none; height: 40px; border-radius: 0; padding: 0 15px; } form.search-form button.search-submit { height: 45px; line-height: 30px; position: absolute; right: 0; top: 0; background-color: transparent; border: none; width: 45px; border-radius: 0; outline: none; } .widget_search form.search-form button.search-submit { width: 50px; color: #fff; line-height: 35px; } .widget_search form.search-form button.search-submit svg { fill: #b9b9b9; width: 16px; height: 16px; } .widget_search form.search-form button.search-submit:hover svg, .widget_search form.search-form button.search-submit:focus svg { fill: #a90125; } .widget_search form.search-form input { border: none; } .widget_search 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; } .widget-title { font-size: 16px; margin: 0 0 35px; } .widget li:not(:last-child) { margin-bottom: 20px; } .widget_instagram ul { list-style: none; margin: -5px; padding: 0; } .widget.widget_instagram li { margin: 0; padding: 5px; } .widget_instagram .col-1 li { width: 100%; float: none; } .widget_instagram .col-2 li { width: 50%; float: left; } .widget_instagram .col-3 li { width: 33.33%; float: left; } .widget_instagram .col-4 li { width: 25%; float: left; } .widget_instagram .col-5 li { width: 20%; float: left; } .widget_instagram li img { width: 100%; } .widget_instagram .col-2 li:nth-child(2n+1) { clear: left; } .widget_instagram .col-3 li:nth-child(3n+1) { clear: left; } .widget_instagram .col-4 li:nth-child(4n+1) { clear: left; } .widget_instagram .col-5 li:nth-child(5n+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_search form.search-form input[type="submit"] { border-radius: 0; margin-top: 20px; text-transform: capitalize; font-weight: 600; } #secondary .widget-title, #secondary .widgettitle { font-size: 22px; margin-bottom: 20px; font-weight: 600; } input[type="submit"] { padding: 10px 40px; font-size: 16px; font-weight: 600; line-height: 35px; height: 50px; min-height: auto; border: none; display: inline-block; text-transform: uppercase; position: relative; text-align: center; color: #a90125; border-radius: 0px; letter-spacing: 1px; width: auto; -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-top: 20px; } input[type="submit"]:hover, input[type="submit"]:focus { background-color: #a90125; color: #fff; } .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; } .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: #2a3235; } .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: #ffbb44; } .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_popular_courses .course-wrapper h5 a:hover, .widget_popular_courses .course-wrapper h5 a:focus { color: #ffbb44; } .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: #ffbb44; } #secondary p#subscribe-email { margin-top: 0; } #secondary .widget .social-icons { margin-left: -10px; } .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: #2a3235; 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: #a90125; } #secondary a { color: #666; } #secondary .widget li:not(:last-child) { margin-bottom: 5px; } #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: 15px 20px; background-color: #f5f5f5; font-weight: 500; -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; } #secondary .widget > ul li:first-child, #secondary .widget > ul li:hover, #secondary .widget_nav_menu ul li:first-child, #secondary .widget_nav_menu ul li:hover { border-left: 4px solid #a90125; } /*-------------------------------------------------------------- # 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: #2a3235; } .page-header small { font-size: 12px; color: #ffbb44; } 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: #2a3235; 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: #ffbb44; 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: #2a3235; } .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: #2a3235; padding-left: 2px; margin-right: 3px; } .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: #ffbb44; border-color: #ffbb44; } .single-post-wrapper .entry-meta { margin-bottom: 25px; } .single-post-wrapper .entry-meta .date { font-size: 49px; color: #2a3235; 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: #ffbb44; 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; } /*-------------------------------------------------------------- ## 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 .comment-content { background-color: #f5f5f3; box-shadow: none; } #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: 5px 15px 2px; font-size: 16px; font-weight: 600; line-height: 30px; border: 1px solid; display: inline-block; text-transform: uppercase; position: relative; text-align: center; background-color: #fff; border-color: #a90125; color: #a90125; letter-spacing: 1px; -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: #a90125; color: #fff; } .reply a:hover:before, .reply a:focus:before { background-color: #ffbb44; } .comment-meta .url, .comment-meta .fn { display: inline-block; color: #2a3235; font-weight: 600; } .comment-meta .url:hover, .comment-meta .url:focus { color: #a90125; } .comment-metadata a, .comment-metadata a time { color: #82868b; } .comment-metadata a:hover, .comment-metadata a:focus { color: #2a3235; } .comment-metadata a:hover time, .comment-metadata a:focus time { color: #a90125; } .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; } #comments ol.children .comment-content:before { border-right-color: #f5f5f3; } .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; } .page-section { padding: 60px 0; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .section-header { margin-bottom: 50px; text-align: center; position: relative; } .section-title { font-size: 32px; margin: 0 0 10px 0; word-wrap: break-word; position: relative; font-weight: 800; text-transform: uppercase; } .section-subtitle { font-size: 16px; margin-bottom: 0px; display: inline-block; color: #808080; font-weight: 400; max-width: 550px; line-height: 25px; } .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 30px; font-size: 18px; font-weight: bold; display: inline-block; position: relative; text-align: center; background-color: #ff214f; color: #fff; letter-spacing: 0.01em; -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-slider .btn.btn-transparent { background-color: #fff; color: #000; } #featured-slider .btn.btn-transparent:hover { background-color: #ea1945; color: #fff; } .btn:hover, .btn:focus { background-color: #a90125; color: #fff; } .btn:hover .more-icon, .btn:focus .more-icon { background-color: #a90125; } .no-padding-top { padding-top: 0 !important; } /*-------------------------------------------------------------- # 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; padding: 5px; } .social-icons ul li a:before { color: #fff; font-size: 18px; width: 25px; height: 35px; vertical-align: middle; line-height: 35px; font-family: "FontAwesome"; display: inline-block; text-align: center; outline: none; } /*-------------------------------------------------------------- ## 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 { background-color: #3c5798 !important; } .social-icons li a[href*="twitter.com"]:hover, .social-icons li a[href*="twitter.com"]:focus { background-color: #1ea0f1 !important; } .social-icons li a[href*="linkedin.com"]:hover, .social-icons li a[href*="linkedin.com"]:focus { background-color: #0077B5 !important; } .social-icons li a[href*="plus.google.com"]:hover, .social-icons li a[href*="plus.google.com"]:focus { background-color: #ec7161 !important; } .social-icons li a[href*="slack.com"]:hover, .social-icons li a[href*="slack.com"]:focus { background-color: #E60264; } .social-icons li a[href*="youtube.com"]:hover, .social-icons li a[href*="youtube.com"]:focus { background-color: #cc181e !important; } .social-icons li a[href*="dribbble.com"]:hover, .social-icons li a[href*="dribbble.com"]:focus { background-color: #f4a09c !important; } .social-icons li a[href*="pinterest.com"]:hover, .social-icons li a[href*="pinterest.com"]:focus { background-color: #bd081b !important; } .social-icons li a[href*="bitbucket.org"]:hover, .social-icons li a[href*="bitbucket.org"]:focus { background-color: #205081 !important; } .social-icons li a[href*="github.com"]:hover, .social-icons li a[href*="github.com"]:focus { background-color: #323131 !important; } .social-icons li a[href*="codepen.io"]:hover, .social-icons li a[href*="codepen.io"]:focus { background-color: #2a3235 !important; } .social-icons li a[href*="flickr.com"]:hover, .social-icons li a[href*="flickr.com"]:focus { background-color: #025FDF !important; } .social-icons li a[href$="/feed/"]:hover, .social-icons li a[href$="/feed/"]:focus { background-color: #089DE3 !important; } .social-icons li a[href*="foursquare.com"]:hover, .social-icons li a[href*="foursquare.com"]:focus { background-color: #F94877 !important; } .social-icons li a[href*="instagram.com"]:hover, .social-icons li a[href*="instagram.com"]:focus { background-color: #cd42e7 !important; } .social-icons li a[href*="tumblr.com"]:hover, .social-icons li a[href*="tumblr.com"]:focus { background-color: #56BC8A !important; } .social-icons li a[href*="reddit.com"]:hover, .social-icons li a[href*="reddit.com"]:focus { background-color: #FF4500 !important; } .social-icons li a[href*="vimeo.com"]:hover, .social-icons li a[href*="vimeo.com"]:focus { background-color: #00ADEF !important; } .social-icons li a[href*="digg.com"]:hover, .social-icons li a[href*="digg.com"]:focus { background-color: #00ADEF !important; } .social-icons li a[href*="twitch.tv"]:hover, .social-icons li a[href*="twitch.tv"]:focus { background-color: #0E9DD9 !important; } .social-icons li a[href*="stumbleupon.com"]:hover, .social-icons li a[href*="stumbleupon.com"]:focus { background-color: #EB4924 !important; } .social-icons li a[href*="delicious.com"]:hover, .social-icons li a[href*="delicious.com"]:focus { background-color: #0076E8 !important; } .social-icons li a[href*="mailto:"]:hover, .social-icons li a[href*="mailto:"]:focus { background-color: #4169E1 !important; } .social-icons li a[href*="soundcloud.com"]:hover, .social-icons li a[href*="soundcloud.com"]:focus { background-color: #FF5500 !important; } .social-icons li a[href*="wordpress.org"]:hover, .social-icons li a[href*="wordpress.org"]:focus { background-color: #0073AA !important; } .social-icons li a[href*="wordpress.com"]:hover { background-color: #00AADC !important; } .social-icons li a[href*="jsfiddle.net"]:hover, .social-icons li a[href*="jsfiddle.net"]:focus { background-color: #396AB1 !important; } .social-icons li a[href*="tripadvisor.com"]:hover, .social-icons li a[href*="tripadvisor.com"]:focus { background-color: #FFE090 !important; } .social-icons li a[href*="angel.co"]:hover, .social-icons li a[href*="angel.co"]:focus { background-color: #2a3235 !important; } .social-icons li a[href*="facebook.com"]:before, .social-icons li a[href*="fb.com"]:before { content: "\f09a"; } .social-icons li a[href*="twitter.com"]:before { content: "\f099"; } .social-icons li a[href*="linkedin.com"]:before { content: "\f0e1"; } .social-icons li a[href*="plus.google.com"]:before { content: "\f0d5"; } .social-icons li a[href*="youtube.com"]:before { content: "\f16a"; } .social-icons li a[href*="dribbble.com"]:before { content: "\f17d"; } .social-icons li a[href*="pinterest.com"]:before { content: "\f0d2"; } .social-icons li a[href*="bitbucket.org"]:before { content: "\f171"; } .social-icons li a[href*="github.com"]:before { content: "\f113"; } .social-icons li a[href*="codepen.io"]:before { content: "\f1cb"; } .social-icons li a[href*="flickr.com"]:before { content: "\f16e"; } .social-icons li a[href$="/feed/"]:before { content: "\f09e"; } .social-icons li a[href*="foursquare.com"]:before { content: "\f180"; } .social-icons li a[href*="instagram.com"]:before { content: "\f16d"; } .social-icons li a[href*="tumblr.com"]:before { content: "\f173"; } .social-icons li a[href*="reddit.com"]:before { content: "\f1a1"; } .social-icons li a[href*="vimeo.com"]:before { content: "\f194"; } .social-icons li a[href*="digg.com"]:before { content: "\f1a6"; } .social-icons li a[href*="twitch.tv"]:before { content: "\f1e8"; } .social-icons li a[href*="stumbleupon.com"]:before { content: "\f1a4"; } .social-icons li a[href*="delicious.com"]:before { content: "\f1a5"; } .social-icons li a[href*="mailto:"]:before { content: "\f0e0"; } .social-icons li a[href*="soundcloud.com"]:before { content: "\f1be"; } .social-icons li a[href*="wordpress.org"]:before { content: "\f19a"; } .social-icons li a[href*="wordpress.com"]:before { content: "\f19a"; } .social-icons li a[href*="jsfiddle.net"]:before { content: "\f1cc"; } .social-icons li a[href*="tripadvisor.com"]:before { content: "\f262"; } .social-icons li a[href*="foursquare.com"]:before { content: "\f180"; } .social-icons li a[href*="angel.co"]:before { content: "\f209"; } .social-icons li a[href*="slack.com"]:before { content: "\f198"; } #contact-us .social-icons li a, #secondary .widget_social_icons li a { background-color: transparent !important; margin-right: 20px; } #contact-us .social-icons li:last-child a, #secondary .widget_social_icons li:last-child a { margin-right: 0; } .widget.widget_media_gallery img { width: 100%; } /*-------------------------------------------------------------- # 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; } /*-------------------------------------------------------------- # 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; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-content-wrapper .entry-title { color: #fff; font-size: 52px; margin: 0 0 16px; font-weight: 900; line-height: 1.1; } .featured-content-wrapper .entry-content, .featured-content-wrapper .entry-content p { color: #fff; font-size: 16px; text-transform: uppercase; line-height: 28px; } .featured-content-wrapper .entry-content { margin: 25px 0 40px; } #featured-slider .btn.btn-fill { margin-right: 20px; } .slick-dotted.slick-slider { margin-bottom: 0; } .slick-slide { outline: none; } .slick-prev:before, .slick-next:before { content: ""; background-image: url('assets/uploads/down-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); } .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-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { opacity: 1; background-color: #fff; } .slick-prev { left: 25px; } .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; } #featured-slider .slick-prev { left: 25px; } #featured-slider .slick-next { right: 25px; } #featured-slider .slick-prev, #featured-slider .slick-next { background-color: #fff; } #featured-slider .slick-prev:hover, #featured-slider .slick-prev:focus, #featured-slider .slick-next:hover, #featured-slider .slick-next:focus { background-color: #a90125; } #featured-slider .slick-prev:hover:before, #featured-slider .slick-next:hover: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 Services --------------------------------------------------------------*/ #our-services { text-align: center; background-color: #f1f6fa; } #our-services .section-content { margin: 0 -15px; } #our-services article { text-align: center; padding: 0 15px; } .section-title span { color: #ff214f; } .services-wrapper { padding: 30px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); background-color: #fff; } .services-wrapper:nth-child(3n+1) { margin-bottom: 30px; } #our-services article:last-child { margin-bottom: 0; } .icon-container { margin-bottom: 30px; } .icon-container .fa { font-size: 40px; color: #ff214f; } .icon-container a:hover .fa { color: #ea1945; } #our-services .entry-title { margin: 0 0 15px; font-weight: bold; color: #000; font-size: 22px; } #our-services .entry-title a { color: #000; } #our-services .entry-title a:hover, #our-services .entry-title a:focus { color: #ea1945; } /*-------------------------------------------------------------- # About Us --------------------------------------------------------------*/ #about-us .wrapper:nth-child(even) { margin: 50px auto; } #about-us .section-container { text-align: center; } #about-us .section-content { margin-bottom: 43px; } #about-us .section-header { margin-bottom: 25px; } #about-us .featured-image { margin-top: 50px; text-align: center; } /*-------------------------------------------------------------- # Cta --------------------------------------------------------------*/ #cta { text-align: center; background-size: cover; background-position: 50%; background-repeat: no-repeat; } #cta .wrapper { position: relative; } #cta .entry-header { color: #fff; max-width: 650px; margin: 0 auto 30px auto; } #cta .entry-header a, #cta .entry-header p { color: #fff; } .cta-video-link { width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #fff; display: block; border-radius: 50%; padding-left: 5px; display: inline-block; position: relative; margin-right: 20px; color: #2a3235; } .cta-video-link:hover, #cta .entry-header a:hover { color: #ea1945; } .cta-video-popup { max-width: 50%; margin: auto; top: 50%; left: 0; right: 0; position: fixed; z-index: 30000; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cta-video-popup .widget.widget_media_video { display: none; position: relative; padding-bottom: 56.25%; height: 0; } /*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/ .blog-1 { border-radius: 0; border: none; background: transparent; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); position: relative; } .blog-1 .blog-photo { position: relative; } .blog-1 .blog-photo img { width: 100%; } #blog .section-content, .archive-blog-wrapper { margin: 0 -15px; } #blog article, .archive-blog-wrapper article { padding: 0 15px; } #blog .col-2 article, .archive-blog-wrapper article { margin-bottom: 30px; } .blog-1 .profile-user { position: absolute; bottom: -23px; left: 20px; display: block; background-color: #fff; border-radius: 50%; padding: 2px; } .blog-1:hover { box-shadow: none; } .blog-1 .profile-user img { width: 45px; height: 45px; border-radius: 50%; } .blog-1 .detail { padding: 30px 20px 20px; } .blog-1 .date-box { background: #ff214f; } .blog-1 .date-box { position: absolute; top: 15px; font-size: 14px; color: #fff; width: 70px; height: 60px; text-align: center; left: 30px; padding: 15px 0 0px 0; } .blog-1 .date-box span { font-family: montserrat,sans-serif; font-size: 18px; display: block; } .date-box span a { font-family: montserrat,sans-serif; font-size: 11px; display: block; line-height: 16px; color: #fff; padding: 0 8px; } .blog-1 .date-box::after { border-left: 15px solid #ff214f; } .blog-1 .date-box::after { position: absolute; content: ''; width: 0; height: 0; border-top: 0; border-bottom: 20px solid transparent; bottom: -20px; left: 0; } .blog-1 .post-meta { width: 100%; margin-bottom: 15px; } .blog-1 .post-meta ul li { margin: 0 15px 0 0; display: inline-block; font-size: 13px; color: #999; line-height: 26px; } .blog-1 .post-meta ul li strong { font-weight: 600; } .blog-1 .post-meta ul li a { color: #999; } .blog-1 .detail h3 { font-size: 22px; font-weight: 600; margin-bottom: 15px; line-height: 25px; } .blog-1 h3 a { color: #37404d; } .blog-1 h3 a:hover { color: #ea1945; } .blog-1 .detail p { font-size: 16px; color: #777; } .blog-1 .post-meta ul { list-style: none; padding: 0; margin: 0; } .archive-blog-wrapper .no-post-thumbnail .entry-header, #blog .no-post-thumbnail .entry-header { margin-top: 80px; } .archive-blog-wrapper article:nth-child(2n+1) { clear: left; } .archive-blog-wrapper.col-3 article:nth-child(2n+1) { clear: none; } .archive-blog-wrapper.col-3 article:nth-child(3n+1) { clear: left; } .no-sidebar .archive-blog-wrapper.col-2 .hentry { width: 33.33%; float: left; } .no-sidebar .archive-blog-wrapper.col-2 article:nth-child(2n+1) { clear: none; } .no-sidebar .archive-blog-wrapper.col-2 article:nth-child(3n+1) { clear: left; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #colophon { background-color: #ea1945; } #colophon a, #colophon p, #colophon li, .site-footer strong { color: #fff; } #colophon a:hover, #colophon a:focus { color: #fff; } #colophon .widget-title, #colophon .widgettitle { font-size: 22px; margin-bottom: 16px; color: #fff; font-weight: 600; } .footer-widgets-area.page-section { padding: 63px 0; } .footer-widgets-area.page-section { border-bottom: 1px solid rgba(255, 255, 255, 0.32); } .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 .widget ul li a:hover { text-decoration: underline; } .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 a: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 .wrapper { padding: 10px; line-height: 1.5; } .site-info span { display: block; text-align: center; margin: 0; padding: 15px 0; } .site-info { background-color: #ea1945; } .site-info { margin: 0; color: #fff; } .site-info .social-icons { text-align: center; line-height: 44px; } #colophon .site-info a, .site-info a { color: #fff; } #colophon .social-icons li:not(:last-child) { margin-right: 10px; } #colophon .social-icons a:hover svg { fill-opacity: 1; } #colophon .site-info a:hover, #colophon .site-info a:focus, .site-info a:hover, .site-info a:focus, #colophon .widget.widget_archive li a { 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; } /*-------------------------------------------------------------- # RESPONSIVE --------------------------------------------------------------*/ @media screen and (min-width: 567px) { #our-services .col-2 article, #our-services .col-3 article, #our-services .col-4 article, .blog-posts-wrapper.col-2 article, .blog-posts-wrapper.col-3 article { width: 50%; float: left; } #our-services .col-2 article:nth-child(2n+1), #our-services .col-3 article:nth-child(2n+1), #our-services .col-4 article:nth-child(2n+1), .blog-posts-wrapper.col-2 article:nth-child(2n+1), .blog-posts-wrapper.col-3 article:nth-child(2n+1) { clear: left; } #our-services .col-2 article:nth-last-child(-n+2), #our-services .col-3 article:nth-last-child(-n+2), #our-services .col-4 article:nth-last-child(-n+2), .blog-posts-wrapper.col-2 article:nth-last-child(-n+2), .blog-posts-wrapper.col-3 article:nth-last-child(-n+2) { margin-bottom: 0; } #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: -27px; } .footer-widgets-area.col-2 .hentry, .footer-widgets-area.col-4 .hentry { width: 50%; float: left; } .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; } } @media screen and (min-width: 767px) { .col-1 .hentry { width: 100%; } .col-2 .hentry { width: 50%; float: left; } .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; } blockquote.alignright { width: -webkit-calc(50% - 0.736842105em); width: calc(50% - 0.736842105em); margin-top: 10px; margin-bottom: 25px; } #top-bar .contact-info li:not(:last-child) { margin-right: 15px; padding-right: 15px; border-right: 1px solid #d8d8d8; } #top-bar .top-icon .fa { display: none !important; } #top-bar .wrapper { display: block !important; height: auto !important; } #page-site-header .page-title { font-size: 68px; } #our-services .col-3 article, .blog-posts-wrapper.col-3 article { width: 33.33%; } #our-services .col-3 article:nth-child(2n+1), .blog-posts-wrapper.col-3 article:nth-child(2n+1) { clear: none; } #our-services .col-3 article:nth-child(3n+1), .blog-posts-wrapper.col-3 article:nth-child(3n+1) { clear: left; } #our-services .col-3 article:nth-last-child(-n+3), .blog-posts-wrapper.col-3 article:nth-last-child(-n+3) { margin-bottom: 0; } #gallery .col-3 article { width: 33.33%; } #gallery .col-3 article:nth-child(2n+1) { clear: none; } #gallery .col-3 article:nth-child(3n+1) { clear: left; } .single-wrapper #reply-title { font-size: 42px; } .single-wrapper .comments-title { font-size: 42px; } .subscribe-enabled .footer-widgets-area.page-section { padding-top: 140px; } .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; } .footer-widgets-area.col-3 .hentry { margin-bottom: 0; } .footer-widgets-area.col-3 .hentry:not(:last-child) { padding-right: 40px; } .site-info .wrapper { padding: 0 10px; } } @media screen and (min-width: 992px) { .col-4 .hentry { width: 25%; float: left; } .col-5 .hentry { width: 20%; float: left; } #our-services .section-content { display: inline-block; width: 100%; } #our-services .col-4 article { width: 25%; } #our-services .col-4 article:nth-child(2n+1) { clear: none; } #our-services .col-4 article:nth-child(4n+1) { clear: left; } #our-services .col-4 article:nth-last-child(-n+4) { margin-bottom: 0; } #about-us .wrapper.col-2 { display: flex; align-items: center; justify-content: center; } #about-us .col-2 .section-container { width: 50%; float: left; text-align: left; padding-right: 50px; } #about-us .col-2 .featured-image { width: 50%; float: left; margin-top: 0; } #about-us .col-2 .section-header { text-align: left; } #gallery .col-4 article { width: 25%; } #gallery .col-4 article:nth-child(2n+1) { clear: none; } #gallery .col-4 article:nth-child(4n+1) { clear: left; } .comment-form-author, .comment-form-email, .comment-form-url { width: 100%; } .footer-widgets-area.col-4 .hentry { width: 25%; padding-right: 40px; } .footer-widgets-area.col-5 .hentry { padding-right: 40px; } .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) { .main-navigation ul.nav-menu { display: block !important; height: auto !important; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; right: 0; opacity: 1; visibility: visible; } .main-navigation .menu-item-has-children > a:after { content: "\f107"; font-family: "FontAwesome"; padding-left: 8px; } .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: #fff; padding: 10px; } .main-navigation ul.sub-menu > li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.40); } .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: #fff; 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: 100%; 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: #a90125; } .main-navigation ul ul { background-color: #ff214f; 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; } .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: #a90125; } #search:before { content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #a90125; position: absolute; top: -9px; right: 5px; } 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: 20px solid #1c2b42; } .main-navigation form.search-form input { background-color: #fff; border-color: #fff; color: #1c2b42; } .main-navigation form.search-form svg.icon-search { fill: #1c2b42; } .menu-sticky #masthead.nav-shrink #top-bar { display: none; } .menu-sticky #masthead { position: sticky; top: 0; } .menu-sticky #masthead.nav-shrink { box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .customize-support.menu-sticky #masthead.nav-shrink { top: 32px; } .menu-sticky #masthead.nav-shrink .site-logo img { max-height: 60px; } .menu-sticky #masthead.nav-shrink .site-branding { min-height: 82px; padding: 5px 0; } .menu-sticky #masthead.nav-shrink .main-navigation ul.nav-menu > li > a { padding: 27px 15px; -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; } .menu-sticky #masthead.nav-shrink .main-navigation ul.nav-menu > li:not(:last-child):after { top: 38px; } .page-section { padding: 80px 0; } .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; } } @media screen and (min-width: 1200px) { #about-us .col-2 .section-container { padding-right: 100px; } .blog-posts-wrapper.col-2 .featured-image { padding: 200px 0; } } @media screen and (min-width: 1900px) { .wrapper { max-width: 1440px; } .page-section { padding: 100px 0; } #featured-slider article { padding: 415px 0; } .featured-content-wrapper .entry-title { font-size: 70px; } #comments { margin: 80px 0 0; } #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; } } @media screen and (max-width: 1023px) { .menu-toggle { height: 90px; } .site-logo img { max-height: 60px; } .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.nav-menu > li > a { color: #2a3235; } .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: #1c2b42; } .main-navigation svg.icon-search, .main-navigation svg.icon-down { fill: #1c2b42; margin-top: -5px; } .main-navigation ul.sub-menu { border: none; } .menu-open .menu-toggle .icon-close { display: block; fill: #fff; 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; min-height: 55px; } .main-navigation form.search-form button.search-submit { height: 59px; } .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; } #our-services .entry-title { font-size: 18px; } } @media screen and (max-width: 992px) { .page-section { padding: 60px 0; } .section-title { font-size: 52px; } .featured-content-wrapper .entry-title { font-size: 62px; font-weight: 800; } .featured-content-wrapper .entry-content, .featured-content-wrapper .entry-content p { font-size: 24px; } #our-services .col-3 article { width: 50%; float: left; } #our-services .col-3 article:nth-child(3n+1) { clear: none; } #our-services article:nth-child(n-2) { margin-top: 30px; } .services-wrapper:nth-child(3n+1) { margin-top: 0px; } .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) { #top-bar .secondary-menu ul li { float: none; text-align: center; } #top-bar { cursor: pointer; } #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: #fff; opacity: 0.4; position: absolute; top: 35px; width: 100%; left: 0; height: 1px; } #top-bar ul li { float: none; text-align: center; } #masthead.site-header .main-navigation ul.nav-menu { max-width: 100%; } .btn { padding: 16px 30px; font-size: 16px; } #featured-slider article { padding: 250px 0; } .featured-content-wrapper { text-align: center; margin: auto; } .featured-content-wrapper .entry-title { font-size: 52px; } .section-title { font-size: 42px; } .site-info span { padding: 0; } .slick-prev, .slick-next { width: 40px; height: 40px; border-radius: 40px; } .blog-posts-wrapper .entry-title { font-size: 20px; } #blog article:not(:last-child) { margin-bottom: 30px; } .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; } .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) { .menu-toggle svg.icon-menu { width: 25px; height: 25px; } .menu-toggle { position: relative; top: 0; left: 0; z-index: 3000; text-align: center; float: none; top: 0; width: 50px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .menu-toggle.active { margin-right: -22px; } .site-logo img { margin-right: 10px; } .site-description { font-size: 14px; } .menu-toggle svg.icon-close { width: 16px; height: 16px; } .site-title { font-size: 22px; } .featured-content-wrapper .entry-title { font-size: 32px; } #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; } #page-site-header { padding: 200px 0; } .section-title { font-size: 32px; } #our-services .col-3 article { width: 100%; float: none; } #featured-slider .btn.btn-fill { margin-right: 0; } .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; } #comments ol.children .comment-content:before { border-right-color: transparent; border-bottom-color: #f5f5f3; } 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: center; } } @media screen and (max-width: 421px) { #featured-slider .btn.btn-transparent { margin-top: 15px; } }