/* Theme Name: ArceGator Theme URI: https://psdgator.com/lab/arcegator Author: PSDGator Author URI: https://psdgator.com/ Description: Archi is clean and modern design WordPress Blog Theme that let you build an exclusive website for Blog. It is fully responsive and works flawlessly on all type of devices like mobiles, tablets, laptops, and computers. Archo is search engine friendly. It integrates perfectly with popular SEO plugins like Yoast SEO to create an SEO ready blog. Archi is fast, secure and lightweight. Version: 1.0.0 License: GPL-3.0-or-later License URI: https://www.gnu.org/licenses/gpl-3.0-standalone.html Text Domain: arcegator Tags: blog, news, one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, featured-image-header, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Text-level semantics # Elements # Grid # Alignments # Media ## Captions # Jetpack ## Testimonials # Layout ## Header ## Footer ## Panel Article # Content ## Posts & Pages ## Sidebar ## Comments # Extra Classes ## Buttons ## Helper Classes ## Browser Upgrade Prompt # Responsive ## x <= 1170px ## x <= 767px /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } 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; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } 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; } svg:not(:root) { overflow: hidden; } figure { margin: 0 0 1.5em; } 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-appearance: textfield; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #f3f3f3; margin: 0; padding: 0.5em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Text-level semantics --------------------------------------------------------------*/ a { background-color: transparent; color: #1e86d4; } a:hover { text-decoration: underline; } a.read-more:hover, a.wp-block-button__link:hover, a.button:hover, a.btn:hover { text-decoration: none; } abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; /* 3 */ white-space: normal; /* 1 */ } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } [hidden] { display: none; } .updated:not(.published) { display: none; } .button { background: #1e86d4; border: 0; border-radius: 50px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .0625em; line-height: 1.4; padding: 8px 20px; text-align: center; text-shadow: none; text-transform: uppercase; color: #fff; } .button:hover { text-decoration: none; } dfn, cite, em, i { font-style: italic; } address, p, pre { margin: 0 0 1.5em; } blockquote { border: 0 solid #3e69dc; border-left-width: 2px; font-size: 20px; font-size: 1.25rem; font-style: italic; line-height: 1.5; margin: 0 0 1.5rem; padding-left: 1.5rem; } blockquote * { margin-bottom: 1.5rem; } blockquote cite { color: #2c313f; display: block; } code, kbd, tt, var { background: #f3f3f3; font-family: Inconsolata, monospace; padding: 0 0.25em; } .featured-content .hentry.has-post-thumbnail code, .featured-content .hentry.has-post-thumbnail kbd, .featured-content .hentry.has-post-thumbnail tt, .featured-content .hentry.has-post-thumbnail var, .page-template-panel-page .hentry.has-post-thumbnail code, .page-template-panel-page .hentry.has-post-thumbnail kbd, .page-template-panel-page .hentry.has-post-thumbnail tt, .page-template-panel-page .hentry.has-post-thumbnail var { background: rgba(0, 0, 0, 0.25); } .widget-footer-top-area code, .widget-footer-top-area kbd, .widget-footer-top-area tt, .widget-footer-top-area var { background: rgba(255, 255, 255, 0.25); } pre { border: 1px solid #f3f3f3; font-family: Inconsolata, monospace; max-width: 100%; overflow: auto; padding: 1.5em; position: relative; } .featured-content .hentry.has-post-thumbnail pre, .page-template-panel-page .hentry.has-post-thumbnail pre { border-color: rgba(0, 0, 0, 0.25); } .widget-footer-top-area pre { border-color: rgba(255, 255, 255, 0.25); } abbr, abbr[title], acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background: #3e69dc; color: #fff; padding: 0 0.25em; text-decoration: none; } big { font-size: 125%; } img { max-width: 100%; height: auto; } ul, li { list-style: none; padding: 0; margin: 0; } p { margin: 0; padding: 0; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; line-height: 1em; padding: 0; } a { text-decoration: none; } input[type="text"], input[type="email"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; color: #33393e; font-size: 14px; line-height: 1.4; } *, *:before, *:after { box-sizing: inherit; } body { font-family: 'Poppins', sans-serif; background: #fafafa } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #f3f3f3; border: 0; height: 1px; margin-bottom: 1.5em; } dl { margin: 0 0 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em; } img { height: auto; max-width: 100%; vertical-align: middle; } table, th, td { border: 1px solid #f3f3f3; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.5em; table-layout: fixed; width: 100%; } th { border-width: 0 1px 1px 0; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.25em; } .area-text figure { border-radius: 8px; } .area-text figure img { display: block; } /*-------------------------------------------------------------- # Grid --------------------------------------------------------------*/ .row { margin-left: -15px; margin-right: -15px; } .row::after, .container::after, .clearfix::after { content: ""; display: table; clear: both; } .row.row--gutterless { margin-left: 0; margin-right: 0; } .row.row--equal-columns { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; justify-content: left; flex-wrap: wrap; } .row.fd-row { -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .row.row--35 { margin-left: -35px; margin-right: -35px; } .row.row--35 > .col { padding-left: 35px; padding-right: 35px; } .row.row--25 { margin-left: -25px; margin-right: -25px; } .row.row--25 > .col { padding-left: 25px; padding-right: 25px; } .col { float: left; padding-left: 15px; padding-right: 15px; width: 100%; } .row--gutterless .col { padding-left: 0; } .row--equal-columns .col { float: none; } .col---offset-0 { margin-left: 0%; } .col--1 { width: 8.33333%; } .col--1-gutterless { padding-left: 0; } .col---offset-1 { margin-left: 8.33333%; } .col--2 { width: 16.66667%; } .col--2-gutterless { padding-left: 0; } .col---offset-2 { margin-left: 16.66667%; } .col--3 { width: 25%; } .col--3-gutterless { padding-left: 0; } .col---offset-3 { margin-left: 25%; } .col--4 { width: 33.33333%; } .col--4-gutterless { padding-left: 0; } .col---offset-4 { margin-left: 33.33333%; } .col--5 { width: 41.66667%; } .col--5-gutterless { padding-left: 0; } .col---offset-5 { margin-left: 41.66667%; } .col--6 { width: 50%; } .col--6-gutterless { padding-left: 0; } .col---offset-6 { margin-left: 50%; } .col--7 { width: 58.33333%; } .col--7-gutterless { padding-left: 0; } .col---offset-7 { margin-left: 58.33333%; } .col--8 { width: 66.66667%; } .col--8-gutterless { padding-left: 0; } .col---offset-8 { margin-left: 66.66667%; } .col--9 { width: 75%; } .col--9-gutterless { padding-left: 0; } .col---offset-9 { margin-left: 75%; } .col--10 { width: 83.33333%; } .col--10-gutterless { padding-left: 0; } .col---offset-10 { margin-left: 83.33333%; } .col--11 { width: 91.66667%; } .col--11-gutterless { padding-left: 0; } .col---offset-11 { margin-left: 91.66667%; } .col--12 { width: 100%; } .col--12-gutterless { padding-left: 0; } .col---offset-12 { margin-left: 100%; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin: 5px 20px 20px 0; } .alignright { display: inline; float: right; margin: 5px 0 20px 20px; } .aligncenter, div.aligncenter { clear: both; display: block; margin: 5px auto 20px auto; } .alignnone { margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin: 0 15px 20px; background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption:not(.large-element) { max-width: 100%; } .wp-caption.aligncenter, .wp-caption.alignnone { margin: 0 0 20px; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img[class*="wp-image-"] { display: block; border: 0 none; height: auto; margin: 0; padding: 0; width: auto; margin-left: auto; margin-right: auto; max-width: 98.5%; } .wp-caption .wp-caption-text { border-bottom: 1px solid #f3f3f3; margin: 0; } .widget-footer-top-area .wp-caption .wp-caption-text { border-bottom-color: rgba(255, 255, 255, 0.75); } .wp-caption-text { font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.3847; padding: 0.1875rem 0; } /*-------------------------------------------------------------- # Jetpack --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Testimonials --------------------------------------------------------------*/ .jetpack-testimonial-shortcode { } .jetpack-testimonial-shortcode .testimonial-entry { padding: 25px 25px 50px; border: 1px solid #dcdcdc; position: relative; } .jetpack-testimonial-shortcode .testimonial-entry .testimonial-entry-content { min-height: 63px; } .jetpack-testimonial-shortcode .testimonial-entry .testimonial-entry-title { } .jetpack-testimonial-shortcode .testimonial-entry .testimonial-featured-image { display: block; position: absolute; top: 100%; left: 50%; margin: -40px 0 0 -40px; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; } .jetpack-testimonial-shortcode .testimonial-entry .testimonial-featured-image img { display: block; width: 100%; height: auto; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ #header { padding: 20px 0px; background: rgba(19, 24, 28, 0.8); position: absolute; top: 0; left: 0; width: 100%; z-index: 100; transition: background-color 200ms ease; } #header .menu-toggle-icon { width: 24px; display: none; margin-top: 4px; float: right; } #header .menu-toggle-icon span { display: block; height: 3px; background: #fff; margin-bottom: 5px; position: relative; transition: all 500ms ease; border-radius: 4px; } #header .logo { overflow: hidden; display: block; float: left; } #header .logo.logo--link { text-indent: 0; } #header .logo.logo--link a { display: block; width: 100%; height: 100%; } #header .logo.logo--text { text-indent: 0; } #header .logo.logo--text a { display: block; width: 100%; height: 100%; text-indent: 0; } #header .logo.logo--text a:hover { text-decoration: none; } #header .logo.logo--text a .site--name { display: block; line-height: 1; margin-bottom: 2; color: #ffffff; font-size: 22px; width: auto; height: auto; } #header .logo.logo--text a .site--description { display: block; line-height: 1; color: #ffffff; font-size: 12px; width: auto; height: auto; } #header .navigation { float: right; padding: 6px 0; } #header .navigation > ul li { display: inline-block; margin-left: 30px; position: relative; } #header .navigation > ul > li a { display: block; color: #fff; font-size: 16px; font-weight: 500; transition: opacity 400ms ease; text-decoration: none; } #header .navigation > ul > li .submenu-item-btn { display: none; width: 13px; height: 13px; vertical-align: middle; position: relative; margin-left: 15px; margin-top: -5px; overflow: hidden; } #header .navigation > ul > li .submenu-item-btn span { display: block; width: 100%; height: 2px; background-color: #ffffff; position: absolute; top: 50%; margin-top: -1px; } #header .navigation > ul > li .submenu-item-btn span + span { transform: rotate(90deg); transition: 300ms all ease; } #header .navigation > ul > li .submenu-item-btn.sub-active span + span { top: 150%; } #header .navigation > ul > li .sub-menu li .submenu-item-btn span { background-color: #33393e; } #header .navigation > ul > li a:hover { opacity: .6; } #header .navigation > ul li:hover > .sub-menu { visibility: visible; transform: translateY(0); opacity: 1; } #header .navigation > ul > li .sub-menu .sub-menu { left: -100%; margin: 0; margin-left: -19px; top: -15px; } #header .navigation > ul > li .sub-menu .sub-menu:after { transform: rotate(90deg); left: 100%; margin-left: -4px; top: 18px; } #header .navigation > ul > li .sub-menu .sub-menu:before { height: 100%; width: 20px; top: 0; left: 100%; } #header .navigation > ul > li .sub-menu { position: absolute; top: 40px; left: 50%; width: 260px; margin-left: -130px; padding-top: 20px; visibility: hidden; transform: translateY(15px); opacity: 0; transition: all .2s ease-out; background: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); border-radius: 5px; text-align: center; padding: 15px 0 5px; display: block; } #header .navigation > ul > li .sub-menu:after { width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; content: ""; display: block; position: absolute; top: -8px; left: 50%; margin-left: -8px; } #header .navigation > ul > li .sub-menu:before { height: 20px; width: 100%; content: ''; display: block; position: absolute; top: -20px; left: 0; } #header .navigation > ul > li .sub-menu ul { background: #fff; transition: all 300ms ease-out; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); border-radius: 5px; text-align: center; padding: 15px 0 5px; display: block; } #header .navigation > ul > li .sub-menu li { display: block; margin-bottom: 10px; margin-left: 0; padding: 0 15px; } #header .navigation > ul > li .sub-menu li a { color: #33393e; font-weight: 500; transition: all 400ms ease; } #header .navigation > ul > li .sub-menu li a:hover { opacity: .6; } #header.menu-open { background: rgba(19, 24, 28, 0.95); } #header.menu-open .navigation { transform: translateY(0); opacity: 1; max-height: 500em; } #header.menu-open .menu-toggle-icon { opacity: .8; } #header.menu-open .menu-toggle-icon > span:nth-child(1) { opacity: 0; } #header.menu-open .menu-toggle-icon > span:nth-child(2) { transform: rotate(-45deg) translate(-3px, 3px); } #header.menu-open .menu-toggle-icon > span:nth-child(3) { transform: rotate(45deg) translate(-3px, -3px); } #header.header-scrolled { position: fixed; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ #footer { background: #393d41; text-align: center; position: relative; padding: 80px 0 50px; margin-top: 90px; } #footer .foot-menu { margin-bottom: 20px; } #footer .foot-menu li { display: inline-block; } #footer .foot-menu li span { padding: 0 8px; color: #fff; font-size: 12px; font-size: 0.85714rem; } #footer .foot-menu li a { color: #fff; font-size: 12px; font-size: 0.85714rem; } #footer .foot-menu li a:hover { text-decoration: underline; } #footer .footer--meta { color: #9a9fa3; font-size: 12px; font-size: 0.85714rem; margin-top: 0; } #footer .footer--meta a { color: #9a9fa3; } #footer .footer--meta a:hover { text-decoration: underline; } #footer .footer--meta .logo { display: inline-block; clear: both; margin-bottom: 15px; } .footer--info-top { padding-top: 160px; } .shape-curve.sidebar-footer-2-color svg { background-color: #000000; } .shape-curve.sidebar-footer-3-color svg { background-color: #d4d4d4; } .widget-footer { } .widget-footer .widget-footer-area { } .widget-footer .widget-footer-area .widget-area-wrapper { display: flex; flex-wrap: wrap; list-style-type: none; } .widget-footer .widget-footer-area .widget-area-wrapper > section { margin: 0 30px 30px 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: flex-start; position: relative; } .widget-footer .widget-footer-area.column-1 .widget-area-wrapper > section { width: 100%; margin-right: 0; } .widget-footer .widget-footer-area.column-2 .widget-area-wrapper > section { width: calc((100% - 30px)/2); } .widget-footer .widget-footer-area.column-2 .widget-area-wrapper > section:nth-child(2n) { margin-right: 0; } .widget-footer .widget-footer-area.column-3 .widget-area-wrapper > section { width: calc((100% - 60px)/3); } .widget-footer .widget-footer-area.column-3 .widget-area-wrapper > section:nth-child(3n) { margin-right: 0; } .widget-footer .widget-footer-area.column-4 .widget-area-wrapper > section { width: calc((100% - 90px)/4); } .widget-footer .widget-footer-area.column-4 .widget-area-wrapper > section:nth-child(4n) { margin-right: 0; } .widget-footer .widget-footer-area .widget-area-wrapper > section:last-child { margin-right: 0; } .widget-footer .widget-footer-area.widget-footer-top-area { background: #1e86d4; padding: 80px 0 50px; color: #fff; } .widget-footer .widget-footer-area.widget-footer-top-area .widget-title:after { background: #fff; } .widget-footer .widget-footer-area.widget-footer-top-area .button { background-color: #ffffff; color: #1e86d4; } .widget-footer .widget-footer-area.widget-footer-top-area p { font-size: 16px; margin-bottom: 10px; } .widget-footer .widget-footer-area.widget-footer-top-area .widget_contact_info .confit-address a { color: #ffffff; } .widget-footer .widget-footer-area.widget-footer-bottom-area { background: #d4d4d4; padding-top: 70px; border-top: 10px solid #393d41; } /*-------------------------------------------------------------- ## Panel Article --------------------------------------------------------------*/ .page-template-panel-page { padding-top: 73px; } .panel-article { padding: 70px 0 90px; } .panel-article.with-thumbnail { position: relative; color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; } .panel-article.with-thumbnail:after { background: rgba(19, 24, 28, 0.83); position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; content: ""; display: block; } .panel-article.with-thumbnail .container { position: relative; z-index: 2; } .panel-article h1.entry-title { font-weight: 600; font-size: 56px; margin-bottom: 20px; line-height: 1.2; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts & Pages --------------------------------------------------------------*/ .page-wrapper { } .page-wrapper.no-thumbnail { padding-top: 170px; } .section--blog-hero { position: relative; overflow: hidden; background-position: center center; background-position: no-repeat; background-size: cover; } .section--blog-hero:after { background: rgba(19, 24, 28, 0.83); position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; content: ""; display: block; } .section--blog-hero .text-area { position: relative; z-index: 2; padding: 180px 0 130px; color: #fff; } .section--blog-hero .text-area p { font-size: 16px; font-size: 1.14286rem; font-weight: 300; } .section--blog-hero .text-area h1 { font-weight: 600; font-size: 56px; font-size: 4rem; margin-bottom: 20px; color: #fff; line-height: 1.2; } .section--blog-hero .text-area h1 a { color: #fff; } .section--blog-hero .text-area h1 a:hover { text-decoration: none; } .section--blog-hero .text-area .entry-header { } .section--blog-hero .text-area .entry-header .entry-meta { } .section--blog-hero .text-area .entry-header .entry-meta .cat-links { } .section--blog-hero .text-area .entry-header .entry-meta .cat-links a { color: #fff; font-weight: 600; display: inline-block; padding: 2px 10px 1px; background: #1e86d4; transition: 300ms all ease; margin-right: 2px; } .section--blog-hero .text-area .entry-header .entry-meta .cat-links a:hover { background: #256ca0; } .section--blog-hero .text-area .entry-summary { margin-bottom: 10px; } .section--blog-hero .text-area .entry-footer { } .section--blog-hero .text-area .entry-footer .posted-on { } .section--blog-hero .text-area .entry-footer .posted-on:after { content: '/'; display: inline-block; margin: 0 5px; } .section--blog-hero .text-area .entry-footer a { color: #fff; font-weight: 600; opacity: .75 } .hero--slider { background-image: none; } .hero--slider:after { display: none; } .hero--slider .arcegator-slideshow { opacity: 0; visibility: hidden; height: 470px; transition: 600ms all ease; } .hero--slider .arcegator-slideshow.slick-initialized { opacity: 1; visibility: visible; height: auto; margin-bottom: 0; } .hero--slider .arcegator-slideshow .arcegator-hero-slide { background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; } .hero--slider .arcegator-slideshow .arcegator-hero-slide:after { background: rgba(19, 24, 28, 0.73); position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; content: ""; display: block; } .hero--slider .arcegator-slideshow .arcegator-hero-slide .text-area { z-index: 2; padding: 250px 0 240px; } .hero--slider .slideshow-nav { position: absolute; bottom: 90px; width: 100%; z-index: 4; } .hero--slider .slideshow-nav .slideshow-dots { position: relative; width: 100%; } .hero--slider .slideshow-nav .slideshow-dots .slick-dots { position: relative; bottom: 0; } .hero--slider .slideshow-nav .slideshow-dots .slick-dots li { } .hero--slider .slideshow-nav .slideshow-dots .slick-dots li button { background: transparent; padding: 0; border-radius: 50%; border: 2px solid #fff; } .hero--slider .slideshow-nav .slideshow-dots .slick-dots li.slick-active button { background: #fff; } .hero--slider .slideshow-nav .slideshow-dots .slick-dots li button:before { display: none; } .section--blog-posts { position: relative; margin-top: -60px; z-index: 3; } .article-item { background: #fff; box-shadow: 0 8px 43px rgba(0, 0, 0, 0.05); border-radius: 8px; overflow: hidden; position: relative; margin-bottom: 30px; height: calc(100% - 30px); } .article-item figure { display: block; padding: 0; margin: 0; overflow: hidden; border-radius: 8px; } .article-item figure:hover img { transform: scale(1.05); } .article-item figure img { display: block; width: 100%; transition: transform 400ms ease; } .article-item .text { font-weight: 300; padding: 25px; } .article-item .text h2 { font-size: 18px; font-size: 1.28571rem; margin-bottom: 15px; line-height: 1.4; } .article-item .text h2 a { color: #33393e; transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } .article-item .text h2 a:hover { opacity: .7; } .article-item .text p { margin-bottom: 20px; } .article-item .text .read-more { font-weight: 600; color: #1e86d4; position: relative; display: inline-block; } .article-item .text .read-more:before, .article-item .text .read-more:after { content: ''; position: absolute; width: 0%; height: 1px; bottom: 0%; margin-top: -0.5px; background: #1e86d4; } .article-item .text .read-more:before { left: 0; } .article-item .text .read-more:after { right: 2.5px; background: #1e86d4; transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); } .article-item .text .read-more:hover:before { background: #1e86d4; width: 100%; transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } .article-item .text .read-more:hover:after { background: transparent; width: 100%; transition: 0s; } .article-item .text .date { display: block; font-size: 12px; font-size: 0.85714rem; margin-bottom: 5px; } .article-item.article-featured { padding-left: 460px; min-height: 290px; } .article-item.article-featured figure { position: absolute; top: 0; bottom: 0; left: 0; width: 460px; } .article-item.article-featured figure img { min-height: 100%; width: auto; max-width: initial; } .article-item.article-featured .text { padding: 40px; } .article-item.article-featured .text h2 { font-size: 21px; font-size: 1.5rem; } .blog-divider { margin: 45px 0 55px; position: relative; background: #e3e3e3; height: 1px; } .blog-divider span { position: absolute; top: -8px; left: 50%; width: 120px; background-color: #fafafa; text-align: center; display: inline-block; color: rgba(52, 58, 63, 0.5); margin-left: -60px; } .blog-divider span:after { position: absolute; content: ""; display: block; width: 18px; height: 14px; background: url(../images/down-arrow.svg) center center no-repeat; background-size: contain; bottom: -16px; left: 50%; margin-left: -9px; } .pagination { text-align: right; margin-bottom: 50px; } .pagination span, .pagination a { width: 50px; line-height: 50px; height: 50px; border-radius: 100%; background: #fff; margin-right: 5px; display: inline-block; text-align: center; vertical-align: middle; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04); transition: all 400ms ease; color: #33393e; } .pagination a:hover { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14); text-decoration: none; } .pagination span { opacity: .7; } .pagination .next img { width: 18px; transform: rotate(-90deg); } .pagination .prev img { width: 18px; transform: rotate(90deg); } .section--article-info { background: #fff; border-radius: 8px; margin-top: -60px; position: relative; z-index: 3; padding: 25px; margin-bottom: 30px; } .section--article-info .sep { padding: 0 8px; } .section--article-info a { color: #1e86d4; } .section--article-info a:hover { text-decoration: underline; } .section--article-info .sharedaddy { float: right; height: 21px; } .section--article-info div.sharedaddy h3.sd-title { display: none; } .section--article { background: #fff; border-radius: 8px; padding: 25px; margin-bottom: 50px; } .section--article.area-text * { max-width: 100%; } .area-text p { margin-bottom: 20px; line-height: 1.5; } .area-text a { color: #1e86d4; } .area-text ul { padding-left: 20px; } .area-text ul li { list-style-type: disc; margin-bottom: 7px; } .area-text h2 { font-size: 26px; font-size: 1.85714rem; margin-bottom: 20px; margin-top: 30px; } .area-text h3 { font-size: 21px; font-size: 1.5rem; margin-bottom: 20px; margin-top: 30px; } .btn-back-articles { text-align: center; margin-top: 40px; margin-bottom: 15px; } .section--blow-columns { overflow: hidden; } .s-wrapper .entry-header { } .s-wrapper .entry-header .entry-header-wrapper { padding: 10px; margin-bottom: 40px; } .s-wrapper .entry-header .entry-header-wrapper .entry-title { font-size: 40px; font-weight: 700; } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ .sidebar { padding: 25px; background: rgb(250, 250, 250); background: linear-gradient(180deg, rgba(250, 250, 250, 1) 60px, rgba(250, 250, 250, 0) 200px, rgba(255, 255, 255, 0) 100%); border-radius: 8px; } .widget { margin-bottom: 45px; } .widget .widget-title { font-size: 16px; font-size: 1.14286rem; text-transform: uppercase; font-weight: 600; margin-bottom: 17px; position: relative; padding-bottom: 10px; } .widget .widget-title:after { width: 80px; height: 2px; background: #33393e; content: ""; position: absolute; bottom: 0; left: 0; border-radius: 3px; } .widget ul li { display: block; margin-bottom: 10px; } .widget ul li:before { content: ""; width: 6px; height: 6px; background: #1e86d4; border-radius: 100%; display: inline-block; margin-right: 10px; position: relative; vertical-align: middle; top: -1px; } .widget ul li a { color: #33393e; } .widget ul li a:hover { text-decoration: underline; } .widget.widget--related li { display: block; border-bottom: 1px solid #eaeaea; padding-bottom: 20px; margin-bottom: 20px; } .widget.widget--related li:before { display: none; } .widget.widget--related li a { display: block; position: relative; min-height: 76px; } .widget.widget--related li a img { display: block; width: 120px; border-radius: 5px; position: absolute; top: 0; left: 0; } .widget.widget--related li a span { padding-left: 130px; color: #33393e; display: block; } .widget.widget--related li a:hover span { text-decoration: underline; } .widget.widget--related li:last-child { border: 0 none; padding-bottom: 0; } .widget_media_gallery { } .widget_media_gallery .gallery { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; } .widget_media_gallery .gallery .gallery-item { margin: 0 2% 2% 0; float: left; position: relative; } .widget_media_gallery .gallery .gallery-item img { height: auto; width: 100%; } .widget_media_gallery .gallery .gallery-item .gallery-caption { position: absolute; bottom: 0; width: 100%; left: 0; font-size: 10px; padding: 20px 5px 5px; background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent); color: #fff; } .widget_media_gallery .gallery.gallery-columns-2 .gallery-item { width: 49%; margin-right: 2%; } .widget_media_gallery .gallery.gallery-columns-2 .gallery-item:nth-child(2n) { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-2 .gallery-item:last-child { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-3 .gallery-item { width: 32%; margin-right: 2%; } .widget_media_gallery .gallery.gallery-columns-3 .gallery-item:nth-child(3n) { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-3 .gallery-item:last-child { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-4 .gallery-item { width: 23.5%; margin-right: 2%; } .widget_media_gallery .gallery.gallery-columns-4 .gallery-item:nth-child(4n) { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-4 .gallery-item:last-child { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-5 .gallery-item { width: 18.4%; margin-right: 2%; } .widget_media_gallery .gallery.gallery-columns-5 .gallery-item:nth-child(5n) { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-5 .gallery-item:last-child { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-6 .gallery-item { width: 15%; margin-right: 2%; } .widget_media_gallery .gallery.gallery-columns-6 .gallery-item:nth-child(6n) { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-6 .gallery-item:last-child { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-7 .gallery-item { width: 12.57142857142857%; margin-right: 2%; } .widget_media_gallery .gallery.gallery-columns-7 .gallery-item:nth-child(7n) { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-7 .gallery-item:last-child { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-8 .gallery-item { width: 10.75%; margin-right: 2%; } .widget_media_gallery .gallery.gallery-columns-8 .gallery-item:nth-child(8n) { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-8 .gallery-item:last-child { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-9 .gallery-item { width: 9%; margin-right: 2%; } .widget_media_gallery .gallery.gallery-columns-9 .gallery-item:nth-child(9n) { margin-right: 0; } .widget_media_gallery .gallery.gallery-columns-9 .gallery-item:last-child { margin-right: 0; } .widget_contact_info { } .widget_contact_info .contact-map { margin-bottom: 20px; } .widget_contact_info .confit-address { } .widget_contact_info .confit-address a { } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .section--comments { background: #fff; border-radius: 8px; padding: 25px; margin-bottom: 50px; } .section--comments .comment-reply-title { font-size: 24px; font-size: 1.71429rem; margin-bottom: 20px; font-weight: 300; } .section--comments .comment-notes { margin-bottom: 15px; opacity: .6; } .section--comments .comment-form label { display: block; font-size: 14px; font-size: 1rem; opacity: .7; font-weight: 300; margin-bottom: 6px; } .section--comments .comment-form .logged-in-as { margin-bottom: 15px; } .section--comments .comment-form .logged-in-as a { color: #1e86d4; } .section--comments .comment-form .logged-in-as a:hover { text-decoration: underline; } .section--comments .comment-form input[type="text"], .section--comments .comment-form input[type="email"], .section--comments .comment-form input[type="url"], .section--comments .comment-form textarea { width: 100%; display: block; margin-bottom: 18px; background: #efefef; border-radius: 8px; border: 1px solid #e1e1e1; padding: 0 15px; height: 48px; font-weight: 300; font-size: 16px; font-size: 1.14286rem; outline: none; transition: all 400ms ease; } .section--comments .comment-form input[type="text"]::-webkit-input-placeholder, .section--comments .comment-form input[type="email"]::-webkit-input-placeholder, .section--comments .comment-form input[type="url"]::-webkit-input-placeholder, .section--comments .comment-form textarea::-webkit-input-placeholder { color: #797d80; } .section--comments .comment-form input[type="text"]::-moz-placeholder, .section--comments .comment-form input[type="email"]::-moz-placeholder, .section--comments .comment-form input[type="url"]::-moz-placeholder, .section--comments .comment-form textarea::-moz-placeholder { color: #797d80; } .section--comments .comment-form input[type="text"]:-ms-input-placeholder, .section--comments .comment-form input[type="email"]:-ms-input-placeholder, .section--comments .comment-form input[type="url"]:-ms-input-placeholder, .section--comments .comment-form textarea:-ms-input-placeholder { color: #797d80; } .section--comments .comment-form input[type="text"]:-moz-placeholder, .section--comments .comment-form input[type="email"]:-moz-placeholder, .section--comments .comment-form input[type="url"]:-moz-placeholder, .section--comments .comment-form textarea:-moz-placeholder { color: #797d80; } .section--comments .comment-form input[type="text"]:focus, .section--comments .comment-form input[type="email"]:focus, .section--comments .comment-form input[type="url"]:focus, .section--comments .comment-form textarea:focus { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } .section--comments .comment-form input[type="submit"] { border: 0 none; display: block; width: 100%; cursor: pointer; letter-spacing: .2px; font-family: 'Poppins', sans-serif; height: 48px; background: #1e86d4; max-width: 330px; margin: 0 auto; border-radius: 8px; color: #fff; text-transform: uppercase; font-weight: 600; } .section--comments .comment-form .comment-form-cookies-consent { margin-bottom: 20px; } .section--comments .comment-form .comment-form-cookies-consent label { display: inline; } .section--comments .comment-form #wp-comment-cookies-consent { border: 1px solid #e1e1e1; margin-right: 10px; } .section--comments .comment-form textarea { height: 180px; resize: none; padding: 15px; } .section--comments .comment-form .comment-form-author, .section--comments .comment-form .comment-form-email { width: 50%; float: left; padding-right: 20px; } .section--comments .comment-form .comment-form-url { width: 100%; float: none; clear: both; } .section--comments .comment-form .comment-form-email { padding-right: 0; padding-left: 20px; } .section--comments .commentlist { padding-left: 0; margin-bottom: 40px; } .section--comments .commentlist li { display: block; margin-bottom: 25px; } .section--comments .commentlist li .comment-body { padding-left: 75px; margin-bottom: 20px; position: relative; } .section--comments .commentlist li .comment-author .avatar { border-radius: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } .section--comments .commentlist li .comment-meta { font-size: 12px; font-size: 0.85714rem; margin-bottom: 5px; } .section--comments .commentlist li .comment-meta a { color: #1e86d4; } .section--comments .commentlist li .reply { margin-top: 10px; } .section--comments .commentlist li .reply .comment-reply-link { font-size: 11px; font-size: 0.78571rem; background: #f8f8f8; padding: 5px 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); color: #33393e; border-radius: 4px; } .section--comments #comments-title { margin-bottom: 30px; font-size: 14px; font-size: 1rem; } .section--comments #comments-title em { opacity: .6; } .section--comments .comment-respond { margin-top: 30px; } .section--comments .comment-respond #cancel-comment-reply-link { color: #1e86d4; font-size: 18px; font-size: 1.28571rem; } /*-------------------------------------------------------------- # Extra Classes --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Buttons --------------------------------------------------------------*/ .btn { display: inline-block; line-height: 1.2; border-radius: 5px; text-align: center; color: #fff; font-size: 16px; font-size: 1.14286rem; font-weight: 500; padding: 17px 15px; transition: all 400ms ease; text-transform: uppercase; letter-spacing: .2px; } .btn:hover { opacity: 0.6; } .btn.btn--full { display: block; } .btn.btn--blue { background: #1e86d4; } .btn.btn--yellow { background: #f7d94d; color: #33393e; font-weight: 600; } .btn.btn--sm { padding: 8px 15px; text-transform: none; } .btn.btn--white { background: #fff; padding: 17px 45px; box-shadow: 0 5px 27px rgba(0, 0, 0, 0.05); color: #33393e; } .btn.btn--gray { background: #f8f8f8; padding: 17px 45px; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.09); color: #33393e; font-size: 14px; font-size: 1rem; } .center-area { text-align: center; } .shape-curve { position: absolute; width: 100%; height: 90px; z-index: 2; top: -90px; left: 0; overflow: hidden; } .shape-curve svg { width: 100%; min-width: 1920px; display: block; margin: 0 auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .shape-curve.shape-curve--bottom { top: auto; bottom: 0; } /*-------------------------------------------------------------- ## Helper classes --------------------------------------------------------------*/ .container { margin: 0 auto; position: relative; width: 100%; max-width: 1170px; padding: 0 15px; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; } .sticky { background-color: #ffffff; } .bypostauthor { display: block; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*-------------------------------------------------------------- ## Responsive helpers --------------------------------------------------------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hidden-desktop { display: none; } .pull-right { float: right; } .pull-left { float: left; } .table { display: table; width: 100%; height: 100%; } .table-cell { display: table-cell; vertical-align: middle; width: 100%; } /*-------------------------------------------------------------- ## Browser Upgrade Prompt --------------------------------------------------------------*/ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## x <= 1170px --------------------------------------------------------------*/ @media only screen and (max-width:1170px) { .col--md-offset-0 { margin-left: 0%; } .col--md-1 { width: 8.33333%; } .col--md-1-gutterless { padding-left: 0; } .col--md-offset-1 { margin-left: 8.33333%; } .col--md-2 { width: 16.66667%; } .col--md-2-gutterless { padding-left: 0; } .col--md-offset-2 { margin-left: 16.66667%; } .col--md-3 { width: 25%; } .col--md-3-gutterless { padding-left: 0; } .col--md-offset-3 { margin-left: 25%; } .col--md-4 { width: 33.33333%; } .col--md-4-gutterless { padding-left: 0; } .col--md-offset-4 { margin-left: 33.33333%; } .col--md-5 { width: 41.66667%; } .col--md-5-gutterless { padding-left: 0; } .col--md-offset-5 { margin-left: 41.66667%; } .col--md-6 { width: 50%; } .col--md-6-gutterless { padding-left: 0; } .col--md-offset-6 { margin-left: 50%; } .col--md-7 { width: 58.33333%; } .col--md-7-gutterless { padding-left: 0; } .col--md-offset-7 { margin-left: 58.33333%; } .col--md-8 { width: 66.66667%; } .col--md-8-gutterless { padding-left: 0; } .col--md-offset-8 { margin-left: 66.66667%; } .col--md-9 { width: 75%; } .col--md-9-gutterless { padding-left: 0; } .col--md-offset-9 { margin-left: 75%; } .col--md-10 { width: 83.33333%; } .col--md-10-gutterless { padding-left: 0; } .col--md-offset-10 { margin-left: 83.33333%; } .col--md-11 { width: 91.66667%; } .col--md-11-gutterless { padding-left: 0; } .col--md-offset-11 { margin-left: 91.66667%; } .col--md-12 { width: 100%; } .col--md-12-gutterless { padding-left: 0; } .col--md-offset-12 { margin-left: 100%; } html { font-size: 13px; } #header .navigation > ul > li { margin-left: 20px; } .section--blog-hero .text-area { padding: 140px 0 90px; } .section--blog-hero .text-area h1 { font-size: 40px; font-size: 2.85714rem; } .article-item.article-featured { padding-left: 300px; } .article-item.article-featured figure { width: 300px; } .section--article-info { font-size: 12px; font-size: 0.85714rem; padding: 18px 25px; margin-top: -40px; } .widget.widget--related li a img { position: relative; width: 100%; margin-bottom: 12px; } .widget.widget--related li a span { padding-left: 0; } } /*-------------------------------------------------------------- ## x <= 767px --------------------------------------------------------------*/ @media only screen and (max-width:767px) { .hide--sm-down { display: none !important; } .row.row--equal-columns { -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .col--sm-offset-0 { margin-left: 0%; } .col--sm-1 { width: 8.33333%; } .col--sm-1-gutterless { padding-left: 0; } .col--sm-offset-1 { margin-left: 8.33333%; } .col--sm-2 { width: 16.66667%; } .col--sm-2-gutterless { padding-left: 0; } .col--sm-offset-2 { margin-left: 16.66667%; } .col--sm-3 { width: 25%; } .col--sm-3-gutterless { padding-left: 0; } .col--sm-offset-3 { margin-left: 25%; } .col--sm-4 { width: 33.33333%; } .col--sm-4-gutterless { padding-left: 0; } .col--sm-offset-4 { margin-left: 33.33333%; } .col--sm-5 { width: 41.66667%; } .col--sm-5-gutterless { padding-left: 0; } .col--sm-offset-5 { margin-left: 41.66667%; } .col--sm-6 { width: 50%; } .col--sm-6-gutterless { padding-left: 0; } .col--sm-offset-6 { margin-left: 50%; } .col--sm-7 { width: 58.33333%; } .col--sm-7-gutterless { padding-left: 0; } .col--sm-offset-7 { margin-left: 58.33333%; } .col--sm-8 { width: 66.66667%; } .col--sm-8-gutterless { padding-left: 0; } .col--sm-offset-8 { margin-left: 66.66667%; } .col--sm-9 { width: 75%; } .col--sm-9-gutterless { padding-left: 0; } .col--sm-offset-9 { margin-left: 75%; } .col--sm-10 { width: 83.33333%; } .col--sm-10-gutterless { padding-left: 0; } .col--sm-offset-10 { margin-left: 83.33333%; } .col--sm-11 { width: 91.66667%; } .col--sm-11-gutterless { padding-left: 0; } .col--sm-offset-11 { margin-left: 91.66667%; } .col--sm-12 { width: 100%; } .col--sm-12-gutterless { padding-left: 0; } .col--sm-offset-12 { margin-left: 100%; } #header { padding: 15px 0; } #header .menu-toggle-icon { display: block; } #header .logo { width: 180px; height: 34px; } #header .navigation { overflow: hidden; transition: transform 400ms ease, opacity 200ms ease; width: 100%; clear: both; float: none; margin-top: translateY(-120%); opacity: 0; max-height: 0; padding: 0; } #header .navigation > ul > li { display: block; text-align: center; margin: 20px 0 0 0; } #header .navigation > ul > li .submenu-item-btn { display: inline-block; } #header .navigation > ul > li a { display: inline-block; } #header .navigation > ul > li .sub-menu .sub-menu { left: 0; margin-left: 0; top: 0; margin: 15px 0; display: none; transition: none; } #header .navigation > ul > li .sub-menu .sub-menu:after { display: none; } #header .navigation > ul > li .sub-menu .sub-menu:before { display: none; } #header .navigation > ul > li .sub-menu { opacity: 1; transform: none; visibility: visible; width: 100%; top: 0; left: 0; margin-left: 0; padding-top: 20px; position: relative; margin-top: 15px; display: none; transition: none; } .widget-footer .widget-footer-area .widget-area-wrapper > section { margin: 0 0 30px 0; } .widget-footer .widget-footer-area.column-2 .widget-area-wrapper > section { width: 100%; } .widget-footer .widget-footer-area.column-3 .widget-area-wrapper > section { width: 100%; } .widget-footer .widget-footer-area.column-4 .widget-area-wrapper > section { width: 100%; } .hero--slider .arcegator-slideshow .arcegator-hero-slide .text-area { padding: 95px 0 140px; } .section--blog-hero .text-area { padding: 100px 0 90px; } .section--blog-hero .text-area p { font-size: 14px; font-size: 1rem; } .section--blog-hero .text-area h1 { font-size: 26px; font-size: 1.85714rem; } .section--blog-hero.section--blog-hero-single .text-area { padding: 100px 0 60px; } .article-item .text { padding: 20px; } .article-item.article-featured { padding-left: 0; } .article-item.article-featured figure { position: relative; width: 100%; } .article-item.article-featured figure img { min-height: 0; max-width: 100%; width: 100%; } .article-item.article-featured .text { padding: 20px; } .pagination span, .pagination a { width: 40px; line-height: 40px; height: 40px; } .section--article-info .sharedaddy { float: none; margin-top: 15px; } .sidebar { margin-top: 40px; } }