AlkantarClanX12
Current Path : /home/thanudqk/thepball.com/wp-content/themes/astra/assets/css/unminified/ |
Current File : /home/thanudqk/thepball.com/wp-content/themes/astra/assets/css/unminified/style.css |
@charset "UTF-8"; /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { -webkit-text-size-adjust: 100%; -ms-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 { outline: 0; } a, a:visited, a:hover, a:focus { text-decoration: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } 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; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { 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: content-box; } .search .search-submit, #comments .submit { padding: 10px 15px; border-radius: 2px; line-height: 1.85714285714286; border: 0; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #eaeaea; margin: 0 0px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } fieldset legend { margin-bottom: 1.5em; padding: 0 0.5em; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Bootstrap Grid --------------------------------------------------------------*/ /*! * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) */ .ast-container { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .ast-container::after { content: ""; display: table; clear: both; } @media (min-width: 544px) { .ast-container { max-width: 100%; } } @media (min-width: 768px) { .ast-container { max-width: 100%; } } @media (min-width: 992px) { .ast-container { max-width: 100%; } } @media (min-width: 1200px) { .ast-container { max-width: 100%; } } .ast-container-fluid { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .ast-container-fluid::after { content: ""; display: table; clear: both; } .ast-row { margin-left: -20px; margin-right: -20px; } .ast-row::after { content: ""; display: table; clear: both; } .ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12, .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12, .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12, .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12, .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } .ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12 { float: left; } .ast-col-xs-1 { width: 8.3333333333%; } .ast-col-xs-2 { width: 16.6666666667%; } .ast-col-xs-3 { width: 25%; } .ast-col-xs-4 { width: 33.3333333333%; } .ast-col-xs-5 { width: 41.6666666667%; } .ast-col-xs-6 { width: 50%; } .ast-col-xs-7 { width: 58.3333333333%; } .ast-col-xs-8 { width: 66.6666666667%; } .ast-col-xs-9 { width: 75%; } .ast-col-xs-10 { width: 83.3333333333%; } .ast-col-xs-11 { width: 91.6666666667%; } .ast-col-xs-12 { width: 100%; } .ast-col-xs-pull-0 { right: auto; } .ast-col-xs-pull-1 { right: 8.3333333333%; } .ast-col-xs-pull-2 { right: 16.6666666667%; } .ast-col-xs-pull-3 { right: 25%; } .ast-col-xs-pull-4 { right: 33.3333333333%; } .ast-col-xs-pull-5 { right: 41.6666666667%; } .ast-col-xs-pull-6 { right: 50%; } .ast-col-xs-pull-7 { right: 58.3333333333%; } .ast-col-xs-pull-8 { right: 66.6666666667%; } .ast-col-xs-pull-9 { right: 75%; } .ast-col-xs-pull-10 { right: 83.3333333333%; } .ast-col-xs-pull-11 { right: 91.6666666667%; } .ast-col-xs-pull-12 { right: 100%; } .ast-col-xs-push-0 { left: auto; } .ast-col-xs-push-1 { left: 8.3333333333%; } .ast-col-xs-push-2 { left: 16.6666666667%; } .ast-col-xs-push-3 { left: 25%; } .ast-col-xs-push-4 { left: 33.3333333333%; } .ast-col-xs-push-5 { left: 41.6666666667%; } .ast-col-xs-push-6 { left: 50%; } .ast-col-xs-push-7 { left: 58.3333333333%; } .ast-col-xs-push-8 { left: 66.6666666667%; } .ast-col-xs-push-9 { left: 75%; } .ast-col-xs-push-10 { left: 83.3333333333%; } .ast-col-xs-push-11 { left: 91.6666666667%; } .ast-col-xs-push-12 { left: 100%; } .ast-col-xs-offset-0 { margin-left: 0%; } .ast-col-xs-offset-1 { margin-left: 8.3333333333%; } .ast-col-xs-offset-2 { margin-left: 16.6666666667%; } .ast-col-xs-offset-3 { margin-left: 25%; } .ast-col-xs-offset-4 { margin-left: 33.3333333333%; } .ast-col-xs-offset-5 { margin-left: 41.6666666667%; } .ast-col-xs-offset-6 { margin-left: 50%; } .ast-col-xs-offset-7 { margin-left: 58.3333333333%; } .ast-col-xs-offset-8 { margin-left: 66.6666666667%; } .ast-col-xs-offset-9 { margin-left: 75%; } .ast-col-xs-offset-10 { margin-left: 83.3333333333%; } .ast-col-xs-offset-11 { margin-left: 91.6666666667%; } .ast-col-xs-offset-12 { margin-left: 100%; } @media (min-width: 544px) { .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12 { float: left; } .ast-col-sm-1 { width: 8.3333333333%; } .ast-col-sm-2 { width: 16.6666666667%; } .ast-col-sm-3 { width: 25%; } .ast-col-sm-4 { width: 33.3333333333%; } .ast-col-sm-5 { width: 41.6666666667%; } .ast-col-sm-6 { width: 50%; } .ast-col-sm-7 { width: 58.3333333333%; } .ast-col-sm-8 { width: 66.6666666667%; } .ast-col-sm-9 { width: 75%; } .ast-col-sm-10 { width: 83.3333333333%; } .ast-col-sm-11 { width: 91.6666666667%; } .ast-col-sm-12 { width: 100%; } .ast-col-sm-pull-0 { right: auto; } .ast-col-sm-pull-1 { right: 8.3333333333%; } .ast-col-sm-pull-2 { right: 16.6666666667%; } .ast-col-sm-pull-3 { right: 25%; } .ast-col-sm-pull-4 { right: 33.3333333333%; } .ast-col-sm-pull-5 { right: 41.6666666667%; } .ast-col-sm-pull-6 { right: 50%; } .ast-col-sm-pull-7 { right: 58.3333333333%; } .ast-col-sm-pull-8 { right: 66.6666666667%; } .ast-col-sm-pull-9 { right: 75%; } .ast-col-sm-pull-10 { right: 83.3333333333%; } .ast-col-sm-pull-11 { right: 91.6666666667%; } .ast-col-sm-pull-12 { right: 100%; } .ast-col-sm-push-0 { left: auto; } .ast-col-sm-push-1 { left: 8.3333333333%; } .ast-col-sm-push-2 { left: 16.6666666667%; } .ast-col-sm-push-3 { left: 25%; } .ast-col-sm-push-4 { left: 33.3333333333%; } .ast-col-sm-push-5 { left: 41.6666666667%; } .ast-col-sm-push-6 { left: 50%; } .ast-col-sm-push-7 { left: 58.3333333333%; } .ast-col-sm-push-8 { left: 66.6666666667%; } .ast-col-sm-push-9 { left: 75%; } .ast-col-sm-push-10 { left: 83.3333333333%; } .ast-col-sm-push-11 { left: 91.6666666667%; } .ast-col-sm-push-12 { left: 100%; } .ast-col-sm-offset-0 { margin-left: 0%; } .ast-col-sm-offset-1 { margin-left: 8.3333333333%; } .ast-col-sm-offset-2 { margin-left: 16.6666666667%; } .ast-col-sm-offset-3 { margin-left: 25%; } .ast-col-sm-offset-4 { margin-left: 33.3333333333%; } .ast-col-sm-offset-5 { margin-left: 41.6666666667%; } .ast-col-sm-offset-6 { margin-left: 50%; } .ast-col-sm-offset-7 { margin-left: 58.3333333333%; } .ast-col-sm-offset-8 { margin-left: 66.6666666667%; } .ast-col-sm-offset-9 { margin-left: 75%; } .ast-col-sm-offset-10 { margin-left: 83.3333333333%; } .ast-col-sm-offset-11 { margin-left: 91.6666666667%; } .ast-col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 768px) { .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12 { float: left; } .ast-col-md-1 { width: 8.3333333333%; } .ast-col-md-2 { width: 16.6666666667%; } .ast-col-md-3 { width: 25%; } .ast-col-md-4 { width: 33.3333333333%; } .ast-col-md-5 { width: 41.6666666667%; } .ast-col-md-6 { width: 50%; } .ast-col-md-7 { width: 58.3333333333%; } .ast-col-md-8 { width: 66.6666666667%; } .ast-col-md-9 { width: 75%; } .ast-col-md-10 { width: 83.3333333333%; } .ast-col-md-11 { width: 91.6666666667%; } .ast-col-md-12 { width: 100%; } .ast-col-md-pull-0 { right: auto; } .ast-col-md-pull-1 { right: 8.3333333333%; } .ast-col-md-pull-2 { right: 16.6666666667%; } .ast-col-md-pull-3 { right: 25%; } .ast-col-md-pull-4 { right: 33.3333333333%; } .ast-col-md-pull-5 { right: 41.6666666667%; } .ast-col-md-pull-6 { right: 50%; } .ast-col-md-pull-7 { right: 58.3333333333%; } .ast-col-md-pull-8 { right: 66.6666666667%; } .ast-col-md-pull-9 { right: 75%; } .ast-col-md-pull-10 { right: 83.3333333333%; } .ast-col-md-pull-11 { right: 91.6666666667%; } .ast-col-md-pull-12 { right: 100%; } .ast-col-md-push-0 { left: auto; } .ast-col-md-push-1 { left: 8.3333333333%; } .ast-col-md-push-2 { left: 16.6666666667%; } .ast-col-md-push-3 { left: 25%; } .ast-col-md-push-4 { left: 33.3333333333%; } .ast-col-md-push-5 { left: 41.6666666667%; } .ast-col-md-push-6 { left: 50%; } .ast-col-md-push-7 { left: 58.3333333333%; } .ast-col-md-push-8 { left: 66.6666666667%; } .ast-col-md-push-9 { left: 75%; } .ast-col-md-push-10 { left: 83.3333333333%; } .ast-col-md-push-11 { left: 91.6666666667%; } .ast-col-md-push-12 { left: 100%; } .ast-col-md-offset-0 { margin-left: 0%; } .ast-col-md-offset-1 { margin-left: 8.3333333333%; } .ast-col-md-offset-2 { margin-left: 16.6666666667%; } .ast-col-md-offset-3 { margin-left: 25%; } .ast-col-md-offset-4 { margin-left: 33.3333333333%; } .ast-col-md-offset-5 { margin-left: 41.6666666667%; } .ast-col-md-offset-6 { margin-left: 50%; } .ast-col-md-offset-7 { margin-left: 58.3333333333%; } .ast-col-md-offset-8 { margin-left: 66.6666666667%; } .ast-col-md-offset-9 { margin-left: 75%; } .ast-col-md-offset-10 { margin-left: 83.3333333333%; } .ast-col-md-offset-11 { margin-left: 91.6666666667%; } .ast-col-md-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12 { float: left; } .ast-col-lg-1 { width: 8.3333333333%; } .ast-col-lg-2 { width: 16.6666666667%; } .ast-col-lg-3 { width: 25%; } .ast-col-lg-4 { width: 33.3333333333%; } .ast-col-lg-5 { width: 41.6666666667%; } .ast-col-lg-6 { width: 50%; } .ast-col-lg-7 { width: 58.3333333333%; } .ast-col-lg-8 { width: 66.6666666667%; } .ast-col-lg-9 { width: 75%; } .ast-col-lg-10 { width: 83.3333333333%; } .ast-col-lg-11 { width: 91.6666666667%; } .ast-col-lg-12 { width: 100%; } .ast-col-lg-pull-0 { right: auto; } .ast-col-lg-pull-1 { right: 8.3333333333%; } .ast-col-lg-pull-2 { right: 16.6666666667%; } .ast-col-lg-pull-3 { right: 25%; } .ast-col-lg-pull-4 { right: 33.3333333333%; } .ast-col-lg-pull-5 { right: 41.6666666667%; } .ast-col-lg-pull-6 { right: 50%; } .ast-col-lg-pull-7 { right: 58.3333333333%; } .ast-col-lg-pull-8 { right: 66.6666666667%; } .ast-col-lg-pull-9 { right: 75%; } .ast-col-lg-pull-10 { right: 83.3333333333%; } .ast-col-lg-pull-11 { right: 91.6666666667%; } .ast-col-lg-pull-12 { right: 100%; } .ast-col-lg-push-0 { left: auto; } .ast-col-lg-push-1 { left: 8.3333333333%; } .ast-col-lg-push-2 { left: 16.6666666667%; } .ast-col-lg-push-3 { left: 25%; } .ast-col-lg-push-4 { left: 33.3333333333%; } .ast-col-lg-push-5 { left: 41.6666666667%; } .ast-col-lg-push-6 { left: 50%; } .ast-col-lg-push-7 { left: 58.3333333333%; } .ast-col-lg-push-8 { left: 66.6666666667%; } .ast-col-lg-push-9 { left: 75%; } .ast-col-lg-push-10 { left: 83.3333333333%; } .ast-col-lg-push-11 { left: 91.6666666667%; } .ast-col-lg-push-12 { left: 100%; } .ast-col-lg-offset-0 { margin-left: 0%; } .ast-col-lg-offset-1 { margin-left: 8.3333333333%; } .ast-col-lg-offset-2 { margin-left: 16.6666666667%; } .ast-col-lg-offset-3 { margin-left: 25%; } .ast-col-lg-offset-4 { margin-left: 33.3333333333%; } .ast-col-lg-offset-5 { margin-left: 41.6666666667%; } .ast-col-lg-offset-6 { margin-left: 50%; } .ast-col-lg-offset-7 { margin-left: 58.3333333333%; } .ast-col-lg-offset-8 { margin-left: 66.6666666667%; } .ast-col-lg-offset-9 { margin-left: 75%; } .ast-col-lg-offset-10 { margin-left: 83.3333333333%; } .ast-col-lg-offset-11 { margin-left: 91.6666666667%; } .ast-col-lg-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 { float: left; } .ast-col-xl-1 { width: 8.3333333333%; } .ast-col-xl-2 { width: 16.6666666667%; } .ast-col-xl-3 { width: 25%; } .ast-col-xl-4 { width: 33.3333333333%; } .ast-col-xl-5 { width: 41.6666666667%; } .ast-col-xl-6 { width: 50%; } .ast-col-xl-7 { width: 58.3333333333%; } .ast-col-xl-8 { width: 66.6666666667%; } .ast-col-xl-9 { width: 75%; } .ast-col-xl-10 { width: 83.3333333333%; } .ast-col-xl-11 { width: 91.6666666667%; } .ast-col-xl-12 { width: 100%; } .ast-col-xl-pull-0 { right: auto; } .ast-col-xl-pull-1 { right: 8.3333333333%; } .ast-col-xl-pull-2 { right: 16.6666666667%; } .ast-col-xl-pull-3 { right: 25%; } .ast-col-xl-pull-4 { right: 33.3333333333%; } .ast-col-xl-pull-5 { right: 41.6666666667%; } .ast-col-xl-pull-6 { right: 50%; } .ast-col-xl-pull-7 { right: 58.3333333333%; } .ast-col-xl-pull-8 { right: 66.6666666667%; } .ast-col-xl-pull-9 { right: 75%; } .ast-col-xl-pull-10 { right: 83.3333333333%; } .ast-col-xl-pull-11 { right: 91.6666666667%; } .ast-col-xl-pull-12 { right: 100%; } .ast-col-xl-push-0 { left: auto; } .ast-col-xl-push-1 { left: 8.3333333333%; } .ast-col-xl-push-2 { left: 16.6666666667%; } .ast-col-xl-push-3 { left: 25%; } .ast-col-xl-push-4 { left: 33.3333333333%; } .ast-col-xl-push-5 { left: 41.6666666667%; } .ast-col-xl-push-6 { left: 50%; } .ast-col-xl-push-7 { left: 58.3333333333%; } .ast-col-xl-push-8 { left: 66.6666666667%; } .ast-col-xl-push-9 { left: 75%; } .ast-col-xl-push-10 { left: 83.3333333333%; } .ast-col-xl-push-11 { left: 91.6666666667%; } .ast-col-xl-push-12 { left: 100%; } .ast-col-xl-offset-0 { margin-left: 0%; } .ast-col-xl-offset-1 { margin-left: 8.3333333333%; } .ast-col-xl-offset-2 { margin-left: 16.6666666667%; } .ast-col-xl-offset-3 { margin-left: 25%; } .ast-col-xl-offset-4 { margin-left: 33.3333333333%; } .ast-col-xl-offset-5 { margin-left: 41.6666666667%; } .ast-col-xl-offset-6 { margin-left: 50%; } .ast-col-xl-offset-7 { margin-left: 58.3333333333%; } .ast-col-xl-offset-8 { margin-left: 66.6666666667%; } .ast-col-xl-offset-9 { margin-left: 75%; } .ast-col-xl-offset-10 { margin-left: 83.3333333333%; } .ast-col-xl-offset-11 { margin-left: 91.6666666667%; } .ast-col-xl-offset-12 { margin-left: 100%; } } /*-------------------------------------------------------------- # Site Variables --------------------------------------------------------------*/ /*---------- Font Size ----------*/ /*---------- Line Height ----------*/ /*---------- Site Basic Structure ----------*/ /*---------- z-index Structure ----------*/ /*-------------------------------------------------------------- # Mixins --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { clear: both; } h1, .entry-content h1 { color: #808285; font-size: 2em; line-height: 1.2; } h2, .entry-content h2 { color: #808285; font-size: 1.7em; line-height: 1.3; } h3, .entry-content h3 { color: #808285; font-size: 1.5em; line-height: 1.4; } h4, .entry-content h4 { color: #808285; line-height: 1.5; font-size: 1.3em; } h5, .entry-content h5 { color: #808285; line-height: 1.6; font-size: 1.2em; } h6, .entry-content h6 { color: #808285; line-height: 1.7; font-size: 1.1em; } /*-------------------------------------------------------------- # 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 https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { color: #808285; background: #ffffff; /* Fallback for when there is no custom background color defined. */ font-style: normal; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote { border-left: 5px solid rgba(0, 0, 0, 0.05); padding: 20px; font-size: 1.2em; font-style: italic; margin: 0 0 1.5em; position: relative; } blockquote p:last-child { margin: 0; } address { margin: 0 0 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; margin-bottom: 1.6em; overflow: auto; max-width: 100%; padding: 1.6em; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } .ast-button, .button, button, input, select, textarea { color: #808285; font-weight: normal; font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } big { font-size: 125%; } mark, ins { background: transparent; text-decoration: none; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } th, td { padding: 8px; text-align: left; border-width: 0 1px 1px 0; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, .ast-button, .button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #eaeaea; border-radius: 2px; background: #e6e6e6; padding: .6em 1em .4em; color: #fff; } button:hover, button:focus, .ast-button:hover, .ast-button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { color: #fff; border-color: #eaeaea; } button:active, button:focus, .ast-button:active, .ast-button:focus, .button:active, .button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #eaeaea; outline: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea { color: #666; border: 1px solid #ccc; border-radius: 2px; -webkit-appearance: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus { color: #111; } textarea { padding-left: 3px; width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: royalblue; } a:hover, a:focus { color: midnightblue; } a:focus { outline: thin dotted; } a:hover { outline: 0; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 2px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 12.25px; font-size: 0.875rem; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; text-align: center; display: block; margin-left: auto; margin-right: auto; } .clear:before, .clear:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, #primary:before, #primary:after, .site-main:before, .site-main:after, #secondary:before, #secondary:after, .sidebar-main:before, .sidebar-main:after, .site-footer:before, .site-footer:after, .ast-row:before, .ast-row:after, .ast-container:before, .ast-container:after { content: ""; display: table; } .clear:after, .site-header:after, .site-content:after, #primary:after, .site-main:after, #secondary:after, .sidebar-main:after, .site-footer:after, .ast-row:after, .ast-container:after { clear: both; } /*-------------------------------------------------------------- # 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-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .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; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*---------- Mixins ----------*/ /*---------- Site Variables ----------*/ /*---------- Media Query min-width Structure ----------*/ /*---------- Media Query max-width Structure ----------*/ /*---------- Break-point min-width Structure ----------*/ /*---------- Break-point max-width Structure ----------*/ /*---------- Site Normalize ----------*/ ::selection { color: #fff; background: #0274be; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body:not(.logged-in) { position: relative; } #page { position: relative; } a, a:focus { text-decoration: none; } a, .site-header a *, .site-footer a *, .secondary a * { transition: all 0.2s linear; } .capitalize { text-transform: uppercase; } img { vertical-align: middle; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 20px; } p { margin-bottom: 1.75em; } blockquote { margin: 1.5em 1em 1.5em 3em; padding: 1.2em; font-size: 1.1em; line-height: inherit; position: relative; } .ast-button, .button, input[type="button"], input[type="submit"] { border-radius: 0; padding: 18px 30px; border: 0; box-shadow: none; text-shadow: none; } .ast-button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover { box-shadow: none; } .ast-button:active, .ast-button:focus, .button:active, .button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="submit"]:active, input[type="submit"]:focus { box-shadow: none; } .site-title { font-weight: normal; } .site-title, .site-description { margin-bottom: 0; } .site-title a, .site-title:hover a, .site-title:focus a, .site-description a, .site-description:hover a, .site-description:focus a { transition: all 0.2s linear; } .site-title a, .site-title a:focus, .site-title a:hover, .site-title a:visited { color: #222; } .site-description a, .site-description a:focus, .site-description a:hover, .site-description a:visited { color: #999; } .search-form .search-field { outline: none; } .ast-search-menu-icon { position: relative; } .ast-header-break-point.ast-header-custom-item-outside .main-header-bar .ast-search-icon { margin-right: 1em; } .ast-header-break-point.ast-header-custom-item-inside .main-header-bar .main-header-bar-navigation .ast-search-icon { display: none; } .ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-field, .ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon.ast-inline-search .search-field { width: 100%; padding-right: 5.5em; } .ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-submit { display: block; position: absolute; height: 100%; top: 0; right: 0; padding: 0 1em; border-radius: 0; } .ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form { padding: 0; display: block; overflow: hidden; } /* must have higher specificity than alternative color schemes inline styles */ .site .skip-link { background-color: #f1f1f1; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); color: #21759b; display: block; font-family: Montserrat, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 700; left: -9999em; outline: none; padding: 15px 23px 14px; text-decoration: none; text-transform: none; top: -9999em; } .site .skip-link:focus { clip: auto; height: auto; left: 6px; top: 7px; width: auto; z-index: 100000; outline: thin dotted; } .logged-in .site .skip-link { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); font-family: "Open Sans", sans-serif; } /* Default Astra Icons CSS */ .astra-icon-down_arrow::after { content: "\e900"; font-family: Astra; } .astra-icon-close::after { content: "\e5cd"; font-family: Astra; } .astra-icon-drag_handle::after { content: "\e25d"; font-family: Astra; } .astra-icon-format_align_justify::after { content: "\e235"; font-family: Astra; } .astra-icon-menu::after { content: "\e5d2"; font-family: Astra; } .astra-icon-reorder::after { content: "\e8fe"; font-family: Astra; } .astra-icon-search::after { content: "\e8b6"; font-family: Astra; } .astra-icon-zoom_in::after { content: "\e56b"; font-family: Astra; } .astra-icon-check-circle::after { content: "\e901"; font-family: Astra; } .astra-icon-shopping-cart::after { content: "\f07a"; font-family: Astra; } .astra-icon-shopping-bag::after { content: "\f290"; font-family: Astra; } .astra-icon-shopping-basket::after { content: "\f291"; font-family: Astra; } .astra-icon-circle-o::after { content: "\e903"; font-family: Astra; } .astra-icon-certificate::after { content: "\e902"; font-family: Astra; } select, input { line-height: 1; } body, button, input[type="button"], input[type="submit"], textarea, .ast-button, .ast-custom-button { line-height: 1.85714285714286; } .site-title a { line-height: 1.2; } .site-header .site-description { line-height: 1.5; } .ast-single-post .entry-title, .ast-single-post .entry-title a { line-height: 1.2; } .entry-title, .entry-title a { font-weight: normal; } /*---------- Elements ----------*/ /** * 2 - Social Follow */ .ast-social-icons { list-style-type: none; margin: 0; } .ast-social-icons li { display: inline-block; padding-right: 15px; } .ast-social-icons li:last-child { padding-right: 0; } .ast-social-icons a { display: block; } .ast-social-icons i { font-style: normal; font-family: fontawesome; font-weight: normal; } .ast-social-icons i:before { font-weight: normal; } /*---------- Media ----------*/ .single .entry-content .gallery { margin-left: -10px; margin-right: -10px; } .gallery-caption { color: black; padding: 10px; border-radius: 0 0 2px 2px; border: 1px solid #eaeaea; border-top: none; font-size: 0.9em; } .gallery-icon { border-bottom: 0; border-radius: 2px 2px 0 0; border: 1px solid #eaeaea; overflow: hidden; } .gallery-item { margin: 0; padding: 10px; border-radius: 2px; } .gallery-item:last-child { margin-bottom: 2em; } .elementor-image-gallery .gallery-icon { border: none; } /* Astra Respnosive oEmbed Video container */ .ast-oembed-container { position: relative; padding-top: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body .ast-oembed-container * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*---------- Basic Layout ----------*/ .ast-hidden { display: none !important; } body { background-color: #ffffff; } #page { display: block; } #primary, #secondary { display: block; position: relative; float: left; width: 100%; } #primary { margin: 4em 0; } #secondary { margin: 4em 0 2.5em; word-break: break-word; line-height: 2; } #secondary li { margin-bottom: 0.25em; } #secondary li:last-child { margin-bottom: 0; } .ast-separate-container { background-color: #f5f5f5; } .ast-separate-container #primary { padding: 4em 0; margin: 0; border: 0; } .ast-separate-container .site-main > .ast-row { margin-left: 0; margin-right: 0; } .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single { background-color: #fff; border-bottom: 1px solid #eeeeee; margin: 0; padding: 5.34em 6.67em; } .ast-separate-container .blog-layout-1 { padding: 0; /*background-color: $color-background-content;*/ border-bottom: 0; } .ast-separate-container .ast-article-single { border-bottom: 0; } @media (max-width: 1200px) { .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single { margin: 0; padding: 3.34em 2.4em; } } .ast-page-builder-template .hentry { margin: 0; } .ast-page-builder-template .site-content > .ast-container { max-width: 100%; padding: 0; } .ast-page-builder-template .site-content #primary { padding: 0; margin: 0; } .ast-page-builder-template .no-results { text-align: center; margin: 4em auto; } .ast-page-builder-template .ast-pagination { padding: 2em; } .ast-page-builder-template .entry-header { margin-top: 4em; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail { margin-top: 0; } .ast-page-builder-template .entry-header.ast-header-without-markup { margin-top: 0; margin-bottom: 0; } .ast-page-builder-template .entry-header.ast-no-title.ast-no-meta { margin-bottom: 0; } .ast-page-builder-template.ast-left-sidebar #secondary { padding-left: 20px; } .ast-page-builder-template.ast-right-sidebar #secondary { padding-right: 20px; } .ast-page-builder-template.single .post-navigation { padding-bottom: 2em; } .ast-page-builder-template .ast-archive-description { margin-top: 4em; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 993px) { .ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary { margin: 4em 0; padding: 0; } .ast-right-sidebar #primary { padding-right: 60px; } .ast-right-sidebar #secondary { padding-left: 60px; } .ast-left-sidebar #primary { padding-left: 60px; } .ast-left-sidebar #secondary { padding-right: 60px; } } @media (max-width: 992px) { .ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary { padding-left: 0; padding-right: 0; } .ast-right-sidebar #primary { padding-right: 30px; } .ast-right-sidebar #secondary { padding-left: 30px; } .ast-left-sidebar #primary { padding-left: 30px; } .ast-left-sidebar #secondary { padding-right: 30px; } } /*---------- Navigation ----------*/ /** * Navigations * * @import * 1 - Primary Menus * 2 - Secondary Menus * 3 - Header Top Menus * * Contents * 1 - Toggle Button * */ /** * @import */ /* 1 - Primary Menus */ .astra-search-icon::before { content: "\e8b6"; font-family: 'Astra'; font-style: normal; font-weight: normal; text-decoration: inherit; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ast-search-icon .astra-search-icon { font-size: 1.3em; } .main-navigation { -js-display: inline-flex; display: inline-flex; height: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; position: relative; } .main-header-menu .menu-link, .main-header-menu a { text-decoration: none; padding: 0 1em; display: inline-block; transition: all 0.2s linear; } .main-header-menu .menu-item { position: relative; } .main-header-menu .menu-item:hover > .sub-menu, .main-header-menu .menu-item.focus > .sub-menu { right: auto; left: 0; } .main-header-menu .ast-left-align-sub-menu:hover > .sub-menu, .main-header-menu .ast-left-align-sub-menu.focus > .sub-menu { right: 0; left: auto; } @media (min-width: 769px) { .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { left: -100%; } .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { left: -100%; } } .main-header-menu .sub-menu { width: 240px; background: #ffffff; left: -999em; position: absolute; top: 100%; z-index: 99999; } @media (min-width: 769px) { .main-header-menu .sub-menu .menu-item:hover > .sub-menu, .main-header-menu .sub-menu .menu-item.focus > .sub-menu { left: 100%; right: auto; } .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { left: -100%; } .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { left: -100%; } } .main-header-menu .sub-menu .menu-link { padding: 0.9em 1em; display: block; word-wrap: break-word; } .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link:after { position: absolute; right: 1em; top: 50%; transform: translate(0, -50%) rotate(270deg); } .main-header-menu .sub-menu .sub-menu { top: 0px; } .submenu-with-border .sub-menu { border-width: 1px; border-style: solid; } .submenu-with-border .sub-menu .menu-link { border-width: 0 0 1px; border-style: solid; } .submenu-with-border .sub-menu .sub-menu { top: -1px; } /* Remove the last anchor border for desktop devices */ .ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link { border-bottom-width: 0; } .ast-header-break-point .main-navigation { padding-left: 0; } .ast-header-break-point .main-navigation ul .menu-item .menu-link { padding: 0 20px; display: inline-block; width: 100%; border-bottom-width: 1px; border-style: solid; border-color: #eaeaea; } .ast-header-break-point .main-navigation ul .button-custom-menu-item .menu-link { padding: 0 20px; display: inline-block; width: 100%; border-bottom-width: 1px; border-style: solid; border-color: #eaeaea; } .ast-header-break-point .main-navigation ul.sub-menu .menu-item .menu-link:before { content: "\e900"; font-family: 'Astra'; font-size: .65em; text-decoration: inherit; display: inline-block; transform: translate(0, -2px) rotateZ(270deg); margin-right: 5px; } .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link { padding-left: 30px; } .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link { padding-left: 40px; } .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link { padding-left: 50px; } .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { padding-left: 60px; } .ast-header-break-point .ast-header-custom-item, .ast-header-break-point .main-header-menu { background-color: #f9f9f9; } .ast-header-break-point .main-header-menu .sub-menu { background-color: #f9f9f9; position: static; opacity: 1; visibility: visible; border: 0; width: auto; } .ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, .ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { left: 0; } .ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, .ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { left: 0; } .ast-header-break-point .submenu-with-border .sub-menu { border: 0; } /** * Contents */ .ast-mobile-menu-buttons { display: none; } /* Toggle Button */ .ast-button-wrap { display: inline-block; } .ast-button-wrap button { box-shadow: none; border: none; } .ast-button-wrap .menu-toggle { padding: 0; width: 2.2em; height: 2.1em; font-size: 1.5em; font-weight: normal; border-radius: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 2px; vertical-align: middle; line-height: 1.85714285714286; } .ast-button-wrap .menu-toggle.main-header-menu-toggle { padding: 0 .5em; width: auto; text-align: center; } .ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu { font-size: 15px; font-size: 1rem; font-weight: 600; } .ast-button-wrap .menu-toggle .menu-toggle-icon { font-style: normal; display: inline-block; vertical-align: middle; line-height: 2.05; } .ast-button-wrap .menu-toggle .menu-toggle-icon:before { content: "\e5d2"; font-family: 'Astra'; text-decoration: inherit; } .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { content: "\e5cd"; } .ast-button-wrap .menu-toggle .mobile-menu-wrap { display: inline-block; } .ast-button-wrap .menu-toggle:focus { outline: thin dotted; } .main-header-bar-navigation { flex: 1; } .header-main-layout-1 .ast-main-header-bar-alignment { margin-left: auto; } .header-main-layout-3 .ast-main-header-bar-alignment { margin-right: auto; } #site-navigation { height: 100%; } /* Responsive Screen */ .ast-header-break-point .user-select { clear: both; } .ast-header-break-point .ast-mobile-menu-buttons { display: block; align-self: center; } .ast-header-break-point .main-header-bar-navigation { flex: auto; } .ast-header-break-point .ast-main-header-bar-alignment { display: block; width: 100%; flex: auto; order: 4; } /** * Post/Page Navigation */ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next, .post-navigation .nav-previous, .post-navigation .nav-next { width: 50%; display: inline-block; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: right; } /*---------- Header ----------*/ /** * Header * * @import * 1 - Header Layouts * 3 - Header Layout Common * 4 - Header Main * 5 - Header Top Bar * 7 - Header Toggle Buttons */ /* 1 - Header Layouts */ /** * Header Layouts * * @import * 1 - Header Layout 1 * 2 - Header Layout 2 * 3 - Header Layout 3 * 4 - Header Inline Logo & Site Title * 5 - Next Button Menu Item * 6 - Responsive Style */ /* 4 - Next Button Menu Item */ .main-header-bar { z-index: 1; } /** * 1 - Header Layout 1 */ .header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items { text-align: right; } .header-main-layout-1 .main-header-bar-navigation { text-align: right; } .header-main-layout-1 .main-header-bar-navigation .sub-menu { text-align: left; } .header-main-layout-1 .main-navigation { padding-left: 15px; vertical-align: top; } .header-main-layout-1 .main-header-container { align-items: stretch; } /** * 2 - Header Layout 2 */ .header-main-layout-2 .main-header-container { display: block; } .header-main-layout-2 .site-branding { text-align: center; padding-bottom: 1em; } .header-main-layout-2 .site-title { justify-content: center; } .header-main-layout-2 .main-navigation ul { justify-content: center; } .header-main-layout-2 .main-header-bar-navigation { text-align: center; } .header-main-layout-2 .main-header-bar-navigation .sub-menu { text-align: left; } .header-main-layout-2 .ast-header-custom-item { justify-content: center; line-height: 1.85714285714286; } .header-main-layout-2 .ast-masthead-custom-menu-items { position: relative; } .header-main-layout-2 .widget { text-align: center; } .ast-header-custom-item-outside .header-main-layout-2 .main-header-container { -js-display: flex; display: flex; justify-content: center; } .ast-header-custom-item-outside .header-main-layout-2 .site-branding { flex: 0 0 100%; } /** * 3 - Header Layout 3 */ .header-main-layout-3 .ast-site-identity { text-align: right; } .header-main-layout-3 .main-header-container { flex-direction: row-reverse; align-items: stretch; } .header-main-layout-3 .main-navigation { padding-right: 15px; } .header-main-layout-3 .main-navigation ul { justify-content: flex-start; } .header-main-layout-3 .main-header-bar-navigation { text-align: left; } .header-main-layout-3 .ast-header-custom-item { justify-content: flex-start; } .header-main-layout-3 .ast-masthead-custom-menu-items { position: relative; } .header-main-layout-3 li .ast-search-icon { padding-left: .5em; } .header-main-layout-3 .ast-search-menu-icon { left: 0; right: 0; } .header-main-layout-3 li .ast-search-menu-icon { left: 1em; right: 0; } .header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form { padding: 0 0 0 3em; } .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { left: -1em; right: auto; } .ast-header-break-point .header-main-layout-1 .site-branding { padding-right: 1em; } .ast-header-break-point .header-main-layout-1 .main-header-bar-navigation { text-align: left; } .ast-header-break-point .header-main-layout-1 .main-navigation { padding-left: 0; } .ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { flex: 1 1 100%; } .ast-header-break-point .ast-mobile-header-stack .site-branding { padding-left: 0; padding-right: 0; padding-bottom: 1em; flex: 1 1 100%; } .ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items, .ast-header-break-point .ast-mobile-header-stack .site-branding, .ast-header-break-point .ast-mobile-header-stack .site-title, .ast-header-break-point .ast-mobile-header-stack .ast-site-identity { justify-content: center; text-align: center; } .ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title { text-align: left; } .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { flex: 1 1 100%; text-align: center; justify-content: center; } .ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container { flex-direction: initial; } .ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons { -js-display: flex; display: flex; justify-content: center; } .ast-header-break-point .header-main-layout-2 .main-header-bar-navigation, .ast-header-break-point .header-main-layout-2 .widget { text-align: left; } .ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon { margin-right: auto; margin-left: 1em; } .ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form { right: auto; left: 0; } .ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons { justify-content: flex-start; } .ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon { left: 0; } .ast-header-break-point .header-main-layout-3 .site-branding { padding-left: 1em; justify-content: flex-end; } .ast-header-break-point .header-main-layout-3 .main-navigation { padding-right: 0; } /** * 4 - Header Inline Logo & Site Title */ .ast-logo-title-inline .ast-site-identity { -js-display: inline-flex; display: inline-flex; vertical-align: middle; align-items: center; } .ast-logo-title-inline .site-logo-img { padding-right: 1em; } .ast-logo-title-inline.header-main-layout-2 .site-logo-img + .ast-site-title-wrap .site-title { justify-content: flex-start; } /* Mobile Header Alignment */ @media (max-width: 544px) { .site-branding img, .site-header .site-logo-img .custom-logo-link img { max-width: 100%; } .ast-header-custom-item-outside .ast-mobile-header-stack .site-branding { padding-right: 0; } .ast-header-custom-item-outside .ast-mobile-header-stack .site-title { justify-content: center; text-align: center; } .ast-header-break-point .ast-mobile-header-stack .site-branding, .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { justify-content: center; text-align: center; padding-bottom: 0; } } .ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding { text-align: left; } .ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title { justify-content: left; } .ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { padding-bottom: 1em; } .ast-header-break-point .ast-mobile-header-stack .main-header-container, .ast-header-break-point .ast-mobile-header-inline .main-header-container { -js-display: flex; display: flex; } /* 3 - Header Common */ /** * Header Common * * Contents * 1 - Common * 4 - Main Header Container * 6 - all and (max-width: $mx-break-point) * 7 - Auto Margin */ /** * 1 - Common */ .site-header { z-index: 99; position: relative; } /** * 4 - Main Header Container */ .main-header-container { position: relative; } .main-header-bar-wrap { position: relative; } .main-header-bar-wrap .nav-fallback-text { float: right; } .main-header-bar { background-color: #fff; border-bottom-color: #eaeaea; border-bottom-style: solid; } /** * 6 - all and (max-width: $mx-break-point) */ .ast-header-break-point .main-header-bar { border: 0; } .ast-header-break-point .nav-fallback-text { float: none; } .ast-header-break-point .main-header-bar { border-bottom-color: #eaeaea; border-bottom-style: solid; } .ast-header-break-point .ast-header-custom-item .ast-masthead-custom-menu-items { padding-left: 20px; padding-right: 20px; margin-bottom: 1em; margin-top: 1em; } .ast-header-break-point .ast-header-custom-item .widget:last-child { margin-bottom: 1em; } /** * 7 - Auto Margin */ .main-header-bar { margin-left: auto; margin-right: auto; } .site-logo-img img { transition: all 0.2s linear; } /** * 8 - Header Widget Area */ .ast-header-widget-area { line-height: 1.65; } .ast-header-widget-area .widget-title, .ast-header-widget-area .no-widget-text { margin-bottom: 0; } .ast-header-widget-area .widget { margin: .5em; display: inline-block; vertical-align: middle; } .ast-header-widget-area .widget p { margin-bottom: 0; } .ast-header-widget-area .widget ul { position: static; border: 0; width: auto; } .ast-header-widget-area .widget ul a { border: 0; } .ast-header-widget-area .widget.widget_search .search-field, .ast-header-widget-area .widget.widget_search .search-field:focus { padding: 10px 45px 10px 15px; } .ast-header-widget-area .widget:last-child { margin-bottom: 0.5em; margin-right: 0; } .submenu-with-border .ast-header-widget-area .widget ul { position: static; border: 0; width: auto; } .submenu-with-border .ast-header-widget-area .widget ul a { border: 0; } .ast-header-break-point .ast-header-widget-area .widget { margin: .5em 0; display: block; } /** * 9 - Header Widget Area */ .ast-header-custom-item .widget { margin: 0.5em; display: inline-block; vertical-align: middle; } .ast-header-custom-item .widget p { margin-bottom: 0; } .ast-header-custom-item .widget li { width: auto; } /** * 10 - Submenu container box shadow */ .ast-desktop .main-header-menu .astra-full-megamenu-wrapper .sub-menu { box-shadow: none; } .ast-desktop .main-header-menu .astra-megamenu .sub-menu { box-shadow: none; } .ast-desktop .main-header-menu .sub-menu { box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); } .ast-desktop .main-header-menu .astra-full-megamenu-wrapper { box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); } .ast-header-custom-item-inside .button-custom-menu-item .menu-link { display: none; } .ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item { padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; } .ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link { display: none; } .ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link { display: block; } .button-custom-menu-item .ast-custom-button-link .ast-custom-button { font-size: inherit; font-family: inherit; font-weight: inherit; } .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover { transition: all 0.1s ease-in-out; } /* 4 - Header Main */ /** * Header Sections * * All sections within the header. * * Contents * 1 - Common * 2 - Social Follow * 3 - Site Logo * 4 - Search Form * * # Responsive */ /** * 1 - Common */ /* Default Padding For Nav */ .nav-style { display: block; padding: 0 15px; } .site-branding { line-height: 1; align-self: center; } .ast-no-menu-items .main-navigation { display: none; } .ast-menu-toggle { display: none; background: transparent; color: inherit; border-style: dotted; border-color: transparent; } .ast-menu-toggle:focus, .ast-menu-toggle:hover { background: transparent; border-color: inherit; color: inherit; } .ast-menu-toggle:focus { outline: thin dotted; } .socil-font { float: left; margin-right: 10px; } /** * 4 - Search Form & Main Header */ .ast-main-header-nav-open .main-header-bar { padding-bottom: 0; } .main-header-bar { z-index: 4; position: relative; line-height: 4; } .main-header-bar .main-header-bar-navigation { height: 100%; } .main-header-bar .main-header-bar-navigation:empty { padding: 0; } .main-header-bar .main-header-bar-navigation .sub-menu { line-height: 1.45; } .main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after { content: "\e900"; display: inline-block; font-family: 'Astra'; font-size: 9px; font-size: .6rem; font-weight: bold; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 10px; line-height: normal; } .main-header-bar .main-header-bar-navigation .ast-search-icon { display: block; z-index: 4; position: relative; } .main-header-bar .main-header-bar-navigation.toggle-on { padding-top: 1em; } .main-header-bar .ast-search-menu-icon .search-form { background-color: #ffffff; } .ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on { padding-top: 0; } .ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link { border: none; } .ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form { visibility: visible; opacity: 1; position: relative; right: auto; top: auto; transform: none; } .ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon, .below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon, .ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon { color: #757575; } .ast-search-menu-icon.slide-search .search-form { -webkit-backface-visibility: visible; backface-visibility: visible; visibility: hidden; opacity: 0; transition: all .2s; position: absolute; z-index: 3; right: -1em; top: 50%; transform: translateY(-50%); } .ast-search-menu-icon.ast-dropdown-active.slide-search .search-form { visibility: visible; opacity: 1; } .ast-search-menu-icon .search-form { border: 1px solid #e7e7e7; line-height: normal; padding: 0 3em 0 0; border-radius: 2px; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; color: inherit; background-color: #fff; } .ast-search-menu-icon .astra-search-icon { -js-display: flex; display: flex; line-height: normal; } .ast-search-menu-icon .astra-search-icon:focus { outline: none; } .ast-search-menu-icon .search-field { border: none; background-color: transparent; transition: width .2s; border-radius: inherit; color: inherit; font-size: inherit; width: 0; color: #757575; } .ast-search-menu-icon .search-submit { display: none; background: none; border: none; font-size: 1.3em; color: #757575; } .ast-search-menu-icon.ast-dropdown-active { visibility: visible; opacity: 1; position: relative; } .ast-search-menu-icon.ast-dropdown-active .search-field { width: 235px; } li.ast-masthead-custom-menu-items { padding: 0 1em; } li.ast-masthead-custom-menu-items a { padding-left: 0; padding-right: 0; vertical-align: middle; } li.ast-masthead-custom-menu-items a, li.ast-masthead-custom-menu-items a:hover, li.ast-masthead-custom-menu-items a:focus { background: transparent; } li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon { line-height: 1; } .ast-search-icon { z-index: 4; position: relative; line-height: normal; } .ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items { text-align: right; } .ast-primary-menu-disabled .ast-masthead-custom-menu-items { flex: 1; } .ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items { text-align: center; } .ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items { text-align: left; } .ast-masthead-custom-menu-items { padding: 0 1em; } .search-custom-menu-item { position: relative; } /* Hide Mobile logo. */ .custom-mobile-logo-link { display: none; } .ast-site-identity { padding: 1em 0; } .ast-header-break-point .ast-mobile-header-stack .site-description { text-align: center; } .ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description { text-align: left; } .ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons { display: none; } .ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items { display: none; } .ast-header-break-point .ast-mobile-header-inline .site-branding { text-align: left; padding-bottom: 0; } .ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding { text-align: right; } .ast-header-break-point .site-header .main-header-bar-wrap .site-branding { -js-display: flex; display: flex; flex: 1; align-self: center; } .ast-header-break-point ul li.ast-masthead-custom-menu-items a { padding: 0; display: inline-block; width: auto; border: 0; } .ast-header-break-point li.ast-masthead-custom-menu-items { padding-left: 20px; padding-right: 20px; margin-bottom: 1em; margin-top: 1em; } .ast-header-break-point .ast-site-identity { width: 100%; } .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .menu-link:after { display: none; } .ast-header-break-point .main-header-bar { display: block; line-height: 3; } .ast-header-break-point .main-header-bar .main-header-bar-navigation { line-height: 3; display: none; } .ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu { line-height: 3; } .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu { display: none; } .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { display: inline-block; position: absolute; font-size: inherit; top: -1px; right: 20px; cursor: pointer; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 0.907em; font-weight: normal; line-height: inherit; transition: all .2s; } .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle::before { font-weight: bold; content: "\e900"; font-family: 'Astra'; text-decoration: inherit; display: inline-block; } .ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before { transform: rotateX(180deg); } .ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { border-top-width: 1px; border-style: solid; border-color: #eaeaea; } .ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon { position: relative; display: block; right: auto; transform: none; } .ast-header-break-point .main-navigation { display: block; width: 100%; } .ast-header-break-point .main-navigation ul > .menu-item:first-child { border-top: 0; } .ast-header-break-point .main-navigation ul ul { left: auto; right: auto; } .ast-header-break-point .main-navigation li { width: 100%; } .ast-header-break-point .main-navigation .widget { margin-bottom: 1em; } .ast-header-break-point .main-navigation .widget li { width: auto; } .ast-header-break-point .main-navigation .widget:last-child { margin-bottom: 0; } .ast-header-break-point .main-header-bar-navigation { width: calc( 100% + 40px); margin: 0 -20px; } .ast-header-break-point .main-header-menu ul ul { top: 0; } .ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link { display: none; } .ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link { display: inline-block; } .ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link, .ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg { display: block; } .ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons { order: 2; } .ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation { order: 3; } .ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items { order: 1; } .ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items { text-align: center; } .ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding, .ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons { -js-display: flex; display: flex; } .ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons { padding-bottom: 0; } .ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity { width: 100%; } .ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity { width: auto; } .ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding { flex: 1 1 auto; } @media (max-width: 544px) { .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { width: 100%; } .ast-header-break-point .ast-mobile-header-stack .site-branding, .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { justify-content: center; } .ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding { flex: 1 1 auto; } .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons { padding-top: 0.8em; } .ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons { padding-top: 0.8em; } .ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding { padding-bottom: 0; } .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items { padding: 0.8em 1em 0 1em; text-align: center; width: 100%; } .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons, .ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items { padding-top: 0.8em; } } /* Customize Preview */ /** * Customizer Edit pencil - Set Position */ .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { display: none; } .ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button { display: inline-block; } .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { display: none; } .ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button { display: inline-block; } .customize-partial-edit-shortcut-astra-settings-display-site-title button.customize-partial-edit-shortcut-button { display: none; } .customize-partial-edit-shortcut-astra-settings-display-site-tagline button.customize-partial-edit-shortcut-button { display: none; } .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { display: none; } .site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button { display: inline-block; } .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { display: none; } .main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button { display: inline-block; } /* Sticky Header CSS */ .ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { left: 100px; } .ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { left: 5px; } /* Primary Header common CSS */ .customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button { top: 15px; } .ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { left: -30px; top: -7px; display: none; } .ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { display: block; } .ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { top: -14px; display: none; } .ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button { display: block; } .ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { left: -30px; top: 15px; display: none; } .ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button { display: block; } .ast-masthead-custom-menu-items.widget-custom-menu-item { text-align: left; } .ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { left: -25px; top: -8px; display: none; } .ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button { display: block; } .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { top: -20px; left: -25px; display: none; } .ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button { display: block; } /* Below Header common CSS */ .ast-below-header .below-header-user-select .ast-site-header-cart, .ast-below-header .below-header-user-select .ast-search-menu-icon, .ast-below-header .below-header-user-select.below-header-widget { text-align: left; } .ast-below-header .customize-partial-edit-shortcut { top: 1em; } /* Above Header common CSS */ .ast-above-header-section .user-select .ast-search-menu-icon { text-align: left; } .ast-above-header .customize-partial-edit-shortcut { top: 0.3em; } /* Above Header Section 1 */ .ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { left: -14px; } .ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button { left: -25px; top: -10px; } .ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button { left: -25px; top: -15px; } .ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button { left: -25px; } /* Above Header Section 2 */ .ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { left: -14px; } .ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button { top: -10px; left: -25px; } .ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button { left: -25px; } /* Below Header Section 1 */ .below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { left: -14px; } .below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button { top: -10px; left: -25px; } .below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button { left: -25px; } .below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button { left: -25px; } /* Below Header Section 2 */ .below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { left: -14px; } .below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button { top: -10px; left: -25px; } .below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button { left: -25px; } .below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button { left: -25px; } .customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button { left: -60px; } /* 7 - Header Toggle Buttons */ .ast-header-break-point .ast-mobile-menu-buttons { text-align: right; -js-display: flex; display: flex; justify-content: flex-end; } .ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal { font-size: 1.7em; } /*---------- Primary ----------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; margin-top: 1em; } .page-links a { display: inline-block; } .page-links a .page-link { border-color: #eaeaea; background: transparent; } .page-links .page-link { padding: 0; margin: 0 0 .3em .3em; border: 2px solid #eaeaea; color: #000; background: transparent; font-size: 0.8em; width: 2.5em; height: 2.5em; line-height: calc( 2.5em - 4px); display: inline-block; text-align: center; transition: all 0.2s linear; } .page-links .page-link:hover, .page-links .page-link:focus { color: #000; } @media (max-width: 768px) { .page-links .page-link { margin-bottom: 6px; } } .page-content > :last-child, .entry-content > :last-child, .entry-summary > :last-child { margin-bottom: 0; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* .alignwide & .alignfull CSS compatibility */ .ast-no-sidebar { /* Boxed & Content Boxed container alignment support */ } .ast-no-sidebar .entry-content { /* Alignment while using the column block */ } .ast-no-sidebar .entry-content .alignfull { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; width: 100vw; } .ast-no-sidebar .entry-content .alignfull .alignfull, .ast-no-sidebar .entry-content .alignfull .alignwide { width: 100%; margin-left: auto; margin-right: auto; } .ast-no-sidebar .entry-content .alignwide { margin-left: -100px; margin-right: -100px; max-width: unset; width: unset; } .ast-no-sidebar .entry-content .alignwide .alignfull, .ast-no-sidebar .entry-content .alignwide .alignwide { width: 100%; margin-left: auto; margin-right: auto; } .ast-no-sidebar .entry-content .wp-block-column .alignfull, .ast-no-sidebar .entry-content .wp-block-column .alignwide { margin-left: auto; margin-right: auto; width: 100%; } .ast-no-sidebar.ast-separate-container .entry-content { /* Alignment while using the column block */ } .ast-no-sidebar.ast-separate-container .entry-content .alignfull { margin-left: -6.67em; margin-right: -6.67em; width: auto; } @media (max-width: 1200px) { .ast-no-sidebar.ast-separate-container .entry-content .alignfull { margin-left: -2.4em; margin-right: -2.4em; } } @media (max-width: 768px) { .ast-no-sidebar.ast-separate-container .entry-content .alignfull { margin-left: -2.14em; margin-right: -2.14em; } } @media (max-width: 544px) { .ast-no-sidebar.ast-separate-container .entry-content .alignfull { margin-left: -1em; margin-right: -1em; } } .ast-no-sidebar.ast-separate-container .entry-content .alignwide { margin-left: -20px; margin-right: -20px; } .ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull, .ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide { margin-left: auto; margin-right: auto; width: 100%; } .wp-block-gallery, .blocks-gallery-grid { margin: 0; } .wp-block-separator { max-width: 100px; } .wp-block-separator.is-style-wide { max-width: none; } .entry-content .has-2-columns .wp-block-column:first-child { padding-right: 10px; } .entry-content .has-2-columns .wp-block-column:last-child { padding-left: 10px; } @media (max-width: 782px) { .entry-content .wp-block-columns .wp-block-column { flex-basis: 100%; } .entry-content .has-2-columns .wp-block-column:first-child { padding-right: 0; } .entry-content .has-2-columns .wp-block-column:last-child { padding-left: 0; } } body { overflow-x: hidden; } body .entry-content .wp-block-latest-posts { margin-left: 0; } body .entry-content .wp-block-latest-posts li { list-style: none; } .ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts { margin-left: 0; } .ast-header-break-point .entry-content .alignwide { margin-left: auto; margin-right: auto; } .entry-content .blocks-gallery-item img { margin-bottom: auto; } .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; color: #40464d; } .ast-page-builder-template.ast-no-sidebar .entry-content .alignwide { margin-left: 0; margin-right: 0; } /*---------- Secondary ----------*/ .widget-title { font-weight: normal; margin-bottom: 1em; line-height: 1.5; } .widget { margin: 0 0 2.8em 0; } .widget:last-child { margin-bottom: 0; } .widget select { max-width: 100%; } .widget ul { margin: 0; list-style-type: none; } .widget_nav_menu ul ul.sub-menu { margin-top: 0.25em; } .widget_nav_menu ul ul.sub-menu li { padding-left: 20px; } .widget_nav_menu ul ul.sub-menu a:after { left: -20px; } .widget_nav_menu ul ul.sub-menu ul a:after { left: -40px; } .widget_nav_menu ul ul.sub-menu ul ul a:after { left: -60px; } .widget_nav_menu li { transition: all 0.2s linear; } /* Search widget. */ .widget_search .search-form { position: relative; padding: 0; background: initial; color: inherit; } .widget_search .search-form:after { font-family: "Astra"; font-size: 1.2em; font-weight: normal; content: "\e8b6"; position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); } .widget_search .search-form > label { position: relative; } .widget_search .search-form input[type="submit"], .widget_search .search-form input[type="submit"]:hover, .widget_search .search-form input[type="submit"]:focus { padding: 13px 20px; border-radius: 2px; border: none; top: 0px; right: 0px; position: absolute; color: transparent; background: transparent; max-width: 45px; z-index: 2; } .widget_search .search-form .search-field { background: #fafafa; border-width: 1px; border-color: #eaeaea; border-radius: 2px; } .widget_search .search-field, .widget_search .search-field:focus { width: 100%; padding: 16px 45px 16px 15px; } /* Widget - Archive */ /* Widget - Categories */ .widget_pages ul.children, .widget_archive ul.children, .widget_categories ul.children { position: relative; margin-top: 5px; width: 100%; } .widget_pages ul.children li, .widget_archive ul.children li, .widget_categories ul.children li { padding-left: 20px; } .widget_pages li ul.children a:after, .widget_archive li ul.children a:after, .widget_categories li ul.children a:after { left: -20px; } .widget_pages li ul.children ul a:after, .widget_archive li ul.children ul a:after, .widget_categories li ul.children ul a:after { left: -40px; } /* Tag Cloud */ .widget_tag_cloud .tagcloud { margin-top: 10px; display: inline-block; } .widget_tag_cloud .tagcloud a { border: 1px solid #e2e2e2; padding: 0.5em 0.9em; display: inline-block; margin-bottom: 4px; font-size: 14px; margin-right: 4px; line-height: 1.5; transition: all 0.2s linear; } /* Calender */ .widget_calendar table, .widget_calendar th, .widget_calendar td { padding: 0; text-align: center; } .widget_calendar table, .widget_calendar th { border: none; } .widget_calendar td { border-right: none; border-left: none; } .widget_calendar caption { line-height: 2.7em; } .widget_calendar thead { line-height: 2.5em; } .widget_calendar thead a { color: #0274be; font-size: 1rem; vertical-align: middle; } .widget_calendar thead td { vertical-align: middle; font-weight: bold; } .widget_calendar thead > tr > th { line-height: 2.5em; border-bottom: 2px solid #eaeaea; border-top: 2px solid #eaeaea; } .widget_calendar tbody { line-height: 2.10em; text-align: center; } .widget_calendar tbody > tr > td { width: 14.2857%; } .widget_calendar tbody > tr:first-child > td { padding-top: 3px; } .widget_calendar #today { background: #0274be; } .ast-separate-container.ast-two-container #secondary .widget { background-color: #fff; padding: 2em; margin-bottom: 2em; } /*---------- Footer ----------*/ /* 2 - Small Footer */ /** * Small Footer Layouts * */ .ast-footer-overlay { background-color: #3a3a3a; padding-top: 2em; padding-bottom: 2em; } @media (min-width: 769px) { .ast-footer-overlay { padding-top: 2.66666em; padding-bottom: 2.66666em; } } .ast-small-footer { line-height: 1.85714285714286; position: relative; /* Footer Widget sections */ } .ast-small-footer .nav-menu a { padding: 0 0.5em; } .ast-small-footer .widget-title, .ast-small-footer .no-widget-text { margin-bottom: 0; } .ast-small-footer .widget { margin-bottom: 1em; } .ast-small-footer .widget ul { position: static; border: 0; width: auto; } .ast-small-footer .widget ul a { border: 0; } .ast-small-footer .widget:last-child { margin-bottom: 0; } /* Auto width footer sections */ @media (min-width: 769px) { .ast-small-footer .nav-menu li { margin: 0; } .ast-small-footer .nav-menu li:first-child a { padding-left: 0; } .ast-small-footer .nav-menu li:last-child a { padding-right: 0; } } /* Hide edit shortcut button */ .ast-footer-site-title .customize-partial-edit-shortcut-button { display: none; } .footer-sml-layout-1 { text-align: center; } .footer-sml-layout-1 .ast-small-footer-section-2 { margin-top: 1em; } /*---------- Media Query min-width Structure ----------*/ /*---------- Media Query max-width Structure ----------*/ /*---------- Break-point min-width Structure ----------*/ /*---------- Break-point max-width Structure ----------*/ .footer-sml-layout-2 .ast-small-footer-section-1, .footer-sml-layout-2 .ast-small-footer-section-2 { text-align: center; } @media (min-width: 769px) { .footer-sml-layout-2 .ast-small-footer-section-1 { text-align: left; } .footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link { padding: 0 1em 0 0; } .footer-sml-layout-2 .ast-small-footer-section-2 { text-align: right; } .footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link { padding: 0 0 0 1em; } } @media (max-width: 768px) { .ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2 { margin-top: 1em; } } @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { .ast-small-footer-wrap .ast-row:before { display: block; } } .site-footer { color: #fff; } .site-footer .widget-title { color: #eaeaea; } .site-footer a { color: #eaeaea; } .site-footer a:hover, .site-footer a:focus { color: #fff; } .site-footer ul { margin: 0; list-style-type: none; } .site-footer .nav-menu li { display: inline-block; } /** * Footer Widget Layouts */ .footer-adv-overlay { background-color: #3a3a3a; padding-top: 70px; padding-bottom: 70px; } .footer-adv p:last-child { margin-bottom: 0; } .footer-adv .widget_calendar table { margin-bottom: 0; } @media all and (max-width: 768px) { .footer-adv-widget-1 .widget:last-child { margin: 0 0 2.8em; } } .footer-adv .ast-no-widget-row .widget-title { text-transform: capitalize; } @media all and (max-width: 768px) { .footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child, .footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child { margin: 0 0 2.8em; } } /*---------- Forms ----------*/ /** * Form Fields * * @import * 1 - All fields common scss * 2 - Field - Range * 3 - Field - Color */ /* 1 - All fields common scss */ input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], select, textarea { color: #666; padding: 0.75em; height: auto; border-width: 1px; border-style: solid; border-color: #eaeaea; border-radius: 2px; background: #fafafa; box-shadow: none; box-sizing: border-box; transition: all 0.2s linear; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type=reset]:focus, input[type=tel]:focus, select:focus, textarea:focus { background-color: #fff; border-color: #eaeaea; box-shadow: none; } input[type=reset], input[type=reset]:hover, input[type=reset]:focus, input[type="submit"], input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"], input[type="button"]:hover, input[type="button"]:focus { box-shadow: none; } textarea { width: 100%; } input[type="search"]:focus { outline: thin dotted; } /* 2 - Field - Range */ /* Range */ input[type=range] { -webkit-appearance: none; width: 100%; margin: 5.7px 0; padding: 0; border: none; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.6px; cursor: pointer; box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; background: rgba(255, 255, 255, 0.2); border-radius: 13.6px; border: 0px solid #ffffff; } input[type=range]::-webkit-slider-thumb { box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); border: 7.9px solid #0274be; height: 20px; width: 20px; border-radius: 50px; background: #0274be; cursor: pointer; -webkit-appearance: none; margin-top: -5.7px; } input[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 0.2); } input[type=range]::-moz-range-track { width: 100%; height: 8.6px; cursor: pointer; box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; background: rgba(255, 255, 255, 0.2); border-radius: 13.6px; border: 0px solid #ffffff; } input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); border: 7.9px solid #0274be; height: 20px; width: 20px; border-radius: 50px; background: #0274be; cursor: pointer; } input[type=range]::-ms-track { width: 100%; height: 8.6px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: rgba(199, 199, 199, 0.2); border: 0px solid #ffffff; border-radius: 27.2px; box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; } input[type=range]::-ms-fill-upper { background: rgba(255, 255, 255, 0.2); border: 0px solid #ffffff; border-radius: 27.2px; box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9; } input[type=range]::-ms-thumb { box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37); border: 7.9px solid #0274be; height: 20px; width: 20px; border-radius: 50px; background: #0274be; cursor: pointer; height: 8.6px; } input[type=range]:focus::-ms-fill-lower { background: rgba(255, 255, 255, 0.2); } input[type=range]:focus::-ms-fill-upper { background: rgba(255, 255, 255, 0.2); } /* 3 - Field - Color */ /* Color */ input[type="color"] { border: none; width: 100px; padding: 0; height: 30px; cursor: pointer; } input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; border: none; } input[type="color"]::-webkit-color-swatch { border: none; } /*---------- Blog ----------*/ /*-------------------------------------------------------------- ## Blog Layouts --------------------------------------------------------------*/ /** * Blog Common */ .page .entry-header { margin-bottom: 1.5em; } .search .entry-header { margin-bottom: 1em; } .ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail { margin-bottom: 0; } .entry-header { margin-bottom: 1em; word-wrap: break-word; } .entry-header + .ast-blog-featured-section { margin-top: 0.5em; } .entry-content { word-wrap: break-word; } .entry-content p { margin-bottom: 1.6em; } .read-more { margin-bottom: 0; } .read-more .ast-right-arrow { font-size: 1em; } .ast-no-thumb .ast-blog-featured-section { margin-bottom: 0; } .ast-no-thumb .entry-header + .ast-blog-featured-section { margin-top: 0; } .ast-blog-featured-section { margin-bottom: 1.5em; } .ast-blog-featured-section .gallery { margin-bottom: 0; } .error404 .page-header { margin-bottom: 1.5em; } .error404 .page-header .page-title { margin-bottom: 0; } .blog .entry-title, .archive .entry-title, .search .entry-title { line-height: 1.3; } .blog .format-status .entry-title, .archive .format-status .entry-title, .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } .page-title { margin-bottom: 1em; font-weight: normal; } .entry-title { margin-bottom: 0.2em; } .ast-article-post { margin-bottom: 2.5em; } .ast-article-post:last-child { margin-bottom: 0; border-bottom: 0; } .search .site-content .content-area .search-form { margin-bottom: 3em; } .blog-layout-1 { /* 2 - Blog Thumbnail Styles */ } .blog-layout-1 .post-thumb { padding-left: 0; padding-right: 0; position: relative; } .blog .posted-on { z-index: 1; } .ast-blog-featured-section .posted-on { width: 5.714285714em; height: 5.714285714em; padding: 0.7em; } .ast-blog-featured-section .posted-on .date-month, .ast-blog-featured-section .posted-on .date-year { font-size: 0.8571428571em; line-height: 1em; } .ast-blog-featured-section .posted-on .date-day { font-size: 2.5em; line-height: .9em; font-weight: 900; margin: .1em 0; } /* ============================================================ Archive Blogs ============================================================ */ .ast-author-box img.avatar { border-radius: 50%; margin: 0 0 0 20px; } .ast-archive-description { margin-bottom: 2.5em; padding-bottom: 1.3333em; border-bottom: 1px solid #eeeeee; } .ast-archive-description .ast-archive-title { margin-bottom: 4px; font-size: 40px; font-size: 2.85714rem; font-weight: 300; } .ast-archive-description p { margin-bottom: 0; font-size: 20px; font-size: 1.42857rem; line-height: 1.65; font-weight: 300; } .ast-separate-container .ast-author-box, .ast-separate-container .ast-archive-description { background-color: #eee; padding-bottom: 0; border-bottom: 0; } @media (max-width: 1200px) { .ast-separate-container .ast-archive-description { margin: 0; padding: 3.34em 2.4em; } } @media (max-width: 992px) { .ast-separate-container .ast-archive-description { padding: 2.14em; } } @media (min-width: 1201px) { .ast-separate-container .ast-author-box, .ast-separate-container .ast-archive-description { margin: 0; padding: 5em 6.67em 3.33333em; } } /*-------------------------------------------------------------- ## Single Blog Post Layouts --------------------------------------------------------------*/ /*---------- Single Post Common Stylesheet ----------*/ /** * Common Stylesheet of Single Post * * Content * 1 - Single Post Navigation Styles * 2 - Single Post Article Header */ .single { /* 1 - Single Post Navigation Styles */ /*Page builder single post meta*/ } .single .entry-header { margin-bottom: 2em; } .single .post-navigation { margin: 0; padding: 2em 0 0; border-top: 1px solid #eeeeee; } @media (max-width: 768px) { .single .post-navigation { padding-top: 1.5em; } } .single .post-navigation a { margin: 2px; display: inline-block; text-align: center; color: #000; } @media (min-width: 421px) { .single .post-navigation .nav-links { -js-display: flex; display: flex; } .single .post-navigation .nav-previous, .single .post-navigation .nav-next { flex: auto; } } @media (max-width: 420px) { .single .post-navigation .ast-left-arrow, .single .post-navigation .ast-right-arrow { display: none; } .single .post-navigation .nav-previous, .single .post-navigation .nav-next { width: 100%; } .single .post-navigation .nav-previous a, .single .post-navigation .nav-next a { width: 100%; } .single .post-navigation .nav-previous { margin-bottom: 1em; } } .single.ast-page-builder-template .entry-header { padding-left: 20px; padding-right: 20px; } /* 2 - Single Post Article Header */ .single .entry-header .ast-single-post-order + .post-thumb img { margin-top: 2em; margin-bottom: 0; } .single .entry-header.ast-no-title .post-thumb + .ast-single-post-order { margin-top: 0; } .single .entry-header .post-thumb + .ast-single-post-order { margin-top: 2em; } .single .entry-header .post-thumb img { margin-top: 0; margin-bottom: 0; } .page .has-post-thumbnail .post-thumb img { margin-bottom: 1.5em; } .post-password-form { text-align: center; } @media (max-width: 420px) { .post-password-form input[type="password"] { display: block; margin: 10px auto; } } .post-password-form input[type="submit"] { padding: 10px 20px; border-radius: 2px; } .ast-separate-container .post-navigation { border-top: 0; padding-left: 3.33333em; padding-right: 3.33333em; } @media (max-width: 420px) { .ast-separate-container .post-navigation { padding-left: 0; padding-right: 0; } } @media (max-width: 768px) { .ast-separate-container .entry-header { margin-bottom: 1em; } } .ast-page-builder-template.single-post .site-content > .ast-container { max-width: 100%; } /*---------- Single Post Comment Form Stylesheet ----------*/ /** * Comment Form Styles * * Content * 1 - Textarea Styles * 2 - Input Fields Styles * 3 - Submit Button Styles * 4 - Comment List Styles */ .comments-count-wrapper { padding: 2em 0; } .comments-count-wrapper .comments-title { font-weight: normal; word-wrap: break-word; } .ast-comment-list { margin: 0; word-wrap: break-word; padding-bottom: 0.5em; list-style: none; } .ast-comment-list li { list-style: none; } .ast-comment-list li.depth-1 .ast-comment, .ast-comment-list li.depth-2 .ast-comment { border-bottom: 1px solid #eeeeee; } .ast-comment-list .children { margin-left: 2em; } @media (max-width: 992px) { .ast-comment-list .children { margin-left: 1em; } } .ast-comment-list .comment-respond { padding: 1em 0; border-bottom: 1px solid #eeeeee; } .ast-comment-list .comment-respond .comment-reply-title { margin-top: 0; padding-top: 0; } .ast-comment-list .comment-respond p { margin-bottom: .5em; } .ast-comment-list #cancel-comment-reply-link { white-space: nowrap; font-size: 15px; font-size: 1rem; margin-left: 1em; } .ast-comment-list .ast-comment-edit-reply-wrap { -js-display: flex; display: flex; justify-content: flex-end; } .ast-comment-list .ast-edit-link { flex: 1; } .ast-comment-list .comment-awaiting-moderation { margin-bottom: 0; } .ast-comment { padding: 1em 0; } .ast-comment-avatar-wrap { float: left; clear: right; margin-right: 1.33333em; } .ast-comment-avatar-wrap img { border-radius: 50%; } .ast-comment-meta-wrap { float: left; clear: right; padding: 0 0 1.33333em; } .ast-comment-content { clear: both; } .ast-comment-cite-wrap { text-align: left; } .ast-comment-cite-wrap cite { font-style: normal; } .comment-reply-title { padding-top: 1em; font-weight: normal; line-height: 1.65; } .ast-comment-meta { margin-bottom: 0.5em; } .ast-comment-time .timendate, .ast-comment-time .reply { margin-right: 0.5em; } .comments-area { border-top: 1px solid #eeeeee; margin-top: 2em; /* 1 - Textarea Styles */ /* 2 - Input Fields Styles */ /* 4 - Comment List Styles */ /* Comment Cookie concent field aignment */ } .comments-area .comment-form-comment { width: 100%; border: none; margin: 0; padding: 0; } .comments-area .comment-notes, .comments-area .comment-textarea, .comments-area .form-allowed-tags { margin-bottom: 1.5em; } .comments-area .form-submit { margin-bottom: 0; } .comments-area textarea#comment, .comments-area .ast-comment-formwrap input[type="text"] { width: 100%; border-radius: 0; vertical-align: middle; margin-bottom: 10px; } .comments-area .no-comments { margin-top: 0.5em; margin-bottom: 0.5em; } .comments-area p.logged-in-as { margin-bottom: 1em; } .comments-area #wp-comment-cookies-consent { margin-right: 10px; } .ast-separate-container .comments-count-wrapper { background-color: #fff; padding: 2em 6.67em 0; } @media (max-width: 1200px) { .ast-separate-container .comments-count-wrapper { padding: 2em 3.34em; } } .ast-separate-container .comments-area { border-top: 0; } .ast-separate-container .ast-comment-list { padding-bottom: 0; } .ast-separate-container .ast-comment-list li { background-color: #fff; } .ast-separate-container .ast-comment-list li.depth-1 { padding: 4em 6.67em; margin-bottom: 2em; } @media (max-width: 1200px) { .ast-separate-container .ast-comment-list li.depth-1 { padding: 3em 3.34em; } } .ast-separate-container .ast-comment-list li.depth-1 .ast-comment { border-bottom: 0; } .ast-separate-container .ast-comment-list li.depth-1 .children li { padding-bottom: 0; padding-top: 0; margin-bottom: 0; } .ast-separate-container .ast-comment-list li.depth-1 .ast-comment, .ast-separate-container .ast-comment-list li.depth-2 .ast-comment { border-bottom: 0; } .ast-separate-container .ast-comment-list .comment-respond { padding-top: 0; padding-bottom: 1em; background-color: transparent; } .ast-separate-container .ast-comment-list .pingback p { margin-bottom: 0; } .ast-separate-container .ast-comment-list .bypostauthor { padding: 2em; margin-bottom: 1em; } .ast-separate-container .ast-comment-list .bypostauthor .bypostauthor { background: transparent; margin-bottom: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; } .ast-separate-container .ast-comment-list .bypostauthor li { background: transparent; margin-bottom: 0; padding: 0 0 0 2em; } .ast-separate-container .comment-respond { background-color: #fff; padding: 4em 6.67em; border-bottom: 0; } @media (max-width: 1200px) { .ast-separate-container .comment-respond { padding: 3em 2.34em; } } .ast-separate-container .comment-reply-title { padding-top: 0; } .ast-page-builder-template .comments-area { padding-left: 20px; padding-right: 20px; margin-top: 2em; margin-bottom: 2em; } /*-------------------------------------------------------------- ## Blog Paginations --------------------------------------------------------------*/ /* ============================================================ NEXT PAGINATION ============================================================ */ .post-navigation a, .ast-pagination .prev.page-numbers, .ast-pagination .next.page-numbers { padding: 0 1.5em; height: 2.33333em; line-height: calc(2.33333em - 3px); } .post-navigation a { background: transparent; font-size: 16px; font-size: 1.06666rem; } .ast-pagination { display: inline-block; width: 100%; padding-top: 2em; } @media (min-width: 993px) { .ast-pagination { padding-left: 3.33333em; padding-right: 3.33333em; } } .ast-pagination .page-numbers { display: inline-block; width: 2.33333em; height: 2.33333em; font-size: 16px; font-size: 1.06666rem; line-height: calc(2.33333em - 3px); text-align: center; } .ast-pagination .nav-links { display: inline-block; width: 100%; } @media (max-width: 420px) { .ast-pagination .prev.page-numbers, .ast-pagination .next.page-numbers { width: 100%; text-align: center; margin: 0; } } .ast-pagination .prev.page-numbers, .ast-pagination .prev.page-numbers:visited, .ast-pagination .prev.page-numbers:focus, .ast-pagination .next.page-numbers, .ast-pagination .next.page-numbers:visited, .ast-pagination .next.page-numbers:focus { display: inline-block; width: auto; } @media (min-width: 769px) { .ast-pagination .prev.page-numbers.next, .ast-pagination .prev.page-numbers:visited.next, .ast-pagination .prev.page-numbers:focus.next, .ast-pagination .next.page-numbers.next, .ast-pagination .next.page-numbers:visited.next, .ast-pagination .next.page-numbers:focus.next { margin-right: 0; } } .ast-pagination .prev.page-numbers.dots, .ast-pagination .prev.page-numbers.dots:hover, .ast-pagination .prev.page-numbers.dots:focus, .ast-pagination .prev.page-numbers:visited.dots, .ast-pagination .prev.page-numbers:visited.dots:hover, .ast-pagination .prev.page-numbers:visited.dots:focus, .ast-pagination .prev.page-numbers:focus.dots, .ast-pagination .prev.page-numbers:focus.dots:hover, .ast-pagination .prev.page-numbers:focus.dots:focus, .ast-pagination .next.page-numbers.dots, .ast-pagination .next.page-numbers.dots:hover, .ast-pagination .next.page-numbers.dots:focus, .ast-pagination .next.page-numbers:visited.dots, .ast-pagination .next.page-numbers:visited.dots:hover, .ast-pagination .next.page-numbers:visited.dots:focus, .ast-pagination .next.page-numbers:focus.dots, .ast-pagination .next.page-numbers:focus.dots:hover, .ast-pagination .next.page-numbers:focus.dots:focus { border: 2px solid #eaeaea; background: transparent; } .ast-pagination .prev.page-numbers.dots, .ast-pagination .prev.page-numbers:visited.dots, .ast-pagination .prev.page-numbers:focus.dots, .ast-pagination .next.page-numbers.dots, .ast-pagination .next.page-numbers:visited.dots, .ast-pagination .next.page-numbers:focus.dots { cursor: default; } .ast-pagination .next.page-numbers { float: right; text-align: right; } @media (max-width: 768px) { .ast-pagination .next.page-numbers .page-navigation { padding-right: 0; } } @media (max-width: 768px) { .ast-pagination .prev_next { display: inline-block; width: 100%; } } .ast-pagination .prev_next .next .ast-right-arrow, .ast-pagination .prev_next .prev .ast-left-arrow { font-size: 1em; line-height: 1em; } @media (min-width: 769px) { .ast-pagination .prev_next { float: right; } } /*---------- 404 ----------*/ .ast-404-layout-1 { text-align: center; margin: 4em auto; } .ast-404-layout-1 .page-sub-title { font-size: 1.5rem; font-weight: bold; } .ast-404-layout-1 .widget_search { padding-top: 0.5em; } .ast-404-search { margin-top: 1.5em; } .ast-404-search .widget_search { max-width: 370px; margin: 0 auto; } .ast-separate-container .error-404, .ast-separate-container .no-results { background-color: #fff; } @media (max-width: 1200px) { .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results { margin: 0; padding: 3.34em 2.4em; } } @media (max-width: 768px) { .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results { padding: 1.5em 2.14em; } } @media (max-width: 544px) { .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results { padding: 1.5em 1em; } } @media (min-width: 1201px) { .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results { margin: 0; padding: 5.34em 6.67em; } } /*---------- Blog Styles ----------*/ /*---------- Media Query min-width Structure ----------*/ /*---------- Media Query max-width Structure ----------*/ /*---------- Break-point min-width Structure ----------*/ /*---------- Break-point max-width Structure ----------*/ .blog-layout-1 { width: 100%; display: inline-block; padding-bottom: 2em; vertical-align: middle; border-bottom: 1px solid #eeeeee; } .blog-layout-1 .posted-on { left: 0; } .blog-layout-1 .post-thumb, .blog-layout-1 .post-content { padding-left: 0; padding-right: 0; } /*---------- Page Builders ----------*/ /** * Astra Theme compatibility with Beaver Builder */ .fl-builder-content { clear: both; } .fl-theme-builder-archive .fl-post-gallery-post.hentry, .fl-theme-builder-archive .fl-post-column > .hentry { margin: 0; } .fl-theme-builder-archive h2.fl-post-feed-title { clear: initial; } .ast-fluid-width-layout .fl-row-fixed-width .fl-row-fixed-width { padding-left: 0; padding-right: 0; } /** * Astra Theme compatibility with Visual Composer */ .js_active .vc_row { margin-left: auto; margin-right: auto; } .js_active .ast-plain-container.ast-single-post .hentry, .js_active .ast-plain-container.ast-single-post #primary { margin: 0; padding-top: 0; padding-bottom: 0; } .js_active .ast-plain-container.ast-single-post .entry-header { margin-top: 4em; } .js_active .ast-plain-container.ast-single-post .entry-header.ast-header-without-markup { margin-top: 0; margin-bottom: 0; } .js_active .ast-plain-container.ast-single-post .entry-header.ast-no-title.ast-no-meta { margin-bottom: 0; } @media (max-width: 768px) { .js_active .ast-plain-container.ast-single-post .entry-header { margin-top: 1.5em; } } @media (max-width: 768px) { .js_active .ast-plain-container.ast-single-post #secondary { margin-top: 1.5em; } } .js_active .ast-plain-container.ast-left-sidebar .vc_row[data-vc-full-width], .js_active .ast-plain-container.ast-right-sidebar .vc_row[data-vc-full-width], .js_active .ast-page-builder-template.ast-left-sidebar .vc_row[data-vc-full-width], .js_active .ast-page-builder-template.ast-right-sidebar .vc_row[data-vc-full-width] { max-width: 100%; left: 0 !important; } .js_active .ast-left-sidebar .vc_row[data-vc-full-width], .js_active .ast-right-sidebar .vc_row[data-vc-full-width] { max-width: 100%; left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } /** * Astra Theme compatibility with Elementor */ .ast-left-sidebar .elementor-section.elementor-section-stretched, .ast-right-sidebar .elementor-section.elementor-section-stretched { max-width: 100%; left: 0 !important; } .elementor-post.elementor-grid-item.hentry { margin-bottom: 0; } .elementor-element .elementor-wc-products .woocommerce[class*='columns-'] ul.products li.product { width: auto; margin: 0; float: none; } .woocommerce div.product .elementor-element.elementor-products-grid .related.products ul.products li.product { width: auto; margin: 0; float: none; } /** * Flexbox Framework * * .ast - prefix * * Flex classes generated as {prefix} + {css property - css value} . * * E.g. Here '.ast' is a prefix. * * .ast-flex * .ast-flex-1 * .ast-flex-2 * .ast-flex-3 * .ast-flex-4 * .ast-flex-5 * .ast-inline-flex * .ast-flex-direction-row * .ast-flex-direction-row-reverse * .ast-flex-direction-column * .ast-flex-direction-column-reverse * .ast-flex-wrap-nowrap * .ast-flex-wrap-wrap * .ast-flex-wrap-wrap-reverse * .ast-justify-content-flex-start * .ast-justify-content-flex-end * .ast-justify-content-center * .ast-justify-content-space-between * .ast-justify-content-space-around * .ast-align-items-flex-start * .ast-align-items-flex-end * .ast-align-items-center * .ast-align-items-baseline * .ast-align-items-stretch * .ast-align-content-flex-start * .ast-align-content-flex-end * .ast-align-content-center * .ast-align-content-space-between * .ast-align-content-space-around * .ast-align-content-stretch * .ast-order-1 * .ast-order-2 * .ast-order-3 * .ast-order-4 * .ast-order-5 * .ast-flex-grow-1 * .ast-flex-grow-2 * .ast-flex-grow-3 * .ast-flex-grow-4 * .ast-flex-grow-5 * .ast-flex-shrink-grow-1 * .ast-flex-shrink-grow-2 * .ast-flex-shrink-grow-3 * .ast-flex-shrink-grow-4 * .ast-flex-shrink-grow-5 * .ast-flex-basis-grow-1 * .ast-flex-basis-grow-2 * .ast-flex-basis-grow-3 * .ast-flex-basis-grow-4 * .ast-flex-basis-grow-5 * .ast-align-self-auto * .ast-align-self-flex-start * .ast-align-self-flex-end * .ast-align-self-center * .ast-align-self-baseline * .ast-align-self-stretch */ .ast { /* # LAYOUT ———————————————- display: flex | inline-flex; ———————————————- */ /* ————————————————————————– # CONTAINER (for PARENT) ————————————————————————– # FLOW ————————————————————————– flex-flow: <‘flex-direction’> || <‘flex-wrap’> ————————————————————————– # DIRECTION ————————————————————————– flex-direction: row | row-reverse | column | column-reverse; ————————————————————————– */ /* # WRAP ————————————————————————– flex-wrap: nowrap | wrap | wrap-reverse; ————————————————————————– */ /* ————————————————————————– # JUSTIFY CONTENT ————————————————————————– justify-content: flex-start | flex-end | center | space-between | space-around; ————————————————————————– */ /* ————————————————————————– # ALIGN – ITEMS ————————————————————————– align-items: flex-start | flex-end | center | baseline | stretch; ————————————————————————– */ /* ————————————————————————– # ALIGN – CONTENT ————————————————————————– align-content: flex-start | flex-end | center | space-between | space-around | stretch; ————————————————————————– */ /* ————————————————————————– # ITEMS (for CHILDs) ————————————————————————– # FLEX ————————————————————————– flex: none | [ <‘flex-grow’> <‘flex-shrink’>? || <‘flex-basis’> ] ————————————————————————– ————————————————————————– # ORDER ————————————————————————– order: <integer>; ————————————————————————– */ /* ————————————————————————– # GROW ————————————————————————– flex-grow: <number>; default 0 ————————————————————————– */ /* ————————————————————————– # SHRINK ————————————————————————– flex-shrink: <number>; default 1 ————————————————————————– */ /* ————————————————————————– # ALIGN SELF ————————————————————————– align-self: auto | flex-start | flex-end | center | baseline | stretch; ————————————————————————– */ /* ————————————————————————– */ } .ast-flex { -js-display: flex; display: flex; flex-wrap: wrap; } .ast-flex-1 { flex: 1; } .ast-flex-2 { flex: 2; } .ast-flex-3 { flex: 3; } .ast-flex-4 { flex: 4; } .ast-flex-5 { flex: 5; } .ast-inline-flex { -js-display: inline-flex; display: inline-flex; align-items: center; flex-wrap: wrap; align-content: center; } .ast-flex-direction-row { flex-direction: row; } .ast-flex-direction-row-reverse { flex-direction: row-reverse; } .ast-flex-direction-column { flex-direction: column; } .ast-flex-direction-column-reverse { flex-direction: column-reverse; } .ast-flex-wrap-nowrap { flex-wrap: nowrap; } .ast-flex-wrap-wrap { flex-wrap: wrap; } .ast-flex-wrap-wrap-reverse { flex-wrap: wrap-reverse; } .ast-justify-content-flex-start { justify-content: flex-start; } .ast-justify-content-flex-end { justify-content: flex-end; } .ast-justify-content-center { justify-content: center; } .ast-justify-content-space-between { justify-content: space-between; } .ast-justify-content-space-around { justify-content: space-around; } .ast-align-items-flex-start { align-items: flex-start; } .ast-align-items-flex-end { align-items: flex-end; } .ast-align-items-center { align-items: center; } .ast-align-items-baseline { align-items: baseline; } .ast-align-items-stretch { align-items: stretch; } .ast-align-content-flex-start { align-content: flex-start; } .ast-align-content-flex-end { align-content: flex-end; } .ast-align-content-center { align-content: center; } .ast-align-content-space-between { align-content: space-between; } .ast-align-content-space-around { align-content: space-around; } .ast-align-content-stretch { align-content: stretch; } .ast-order-1 { order: 1; } .ast-order-2 { order: 2; } .ast-order-3 { order: 3; } .ast-order-4 { order: 4; } .ast-order-5 { order: 5; } .ast-flex-grow-1 { flex-grow: 1; } .ast-flex-grow-2 { flex-grow: 2; } .ast-flex-grow-3 { flex-grow: 3; } .ast-flex-grow-4 { flex-grow: 4; } .ast-flex-grow-5 { flex-grow: 5; } .ast-flex-shrink-1 { flex-shrink: 1; } .ast-flex-shrink-2 { flex-shrink: 2; } .ast-flex-shrink-3 { flex-shrink: 3; } .ast-flex-shrink-4 { flex-shrink: 4; } .ast-flex-shrink-5 { flex-shrink: 5; } .ast-align-self-auto { align-self: auto; } .ast-align-self-flex-start { align-self: flex-start; } .ast-align-self-flex-end { align-self: flex-end; } .ast-align-self-center { align-self: center; } .ast-align-self-baseline { align-self: baseline; } .ast-align-self-stretch { align-self: stretch; }