From f4fc4d7ca2c9d5c5f9cd60532cef363cd50c5316 Mon Sep 17 00:00:00 2001 From: congthien Date: Wed, 16 Aug 2017 10:07:43 +0700 Subject: [PATCH 1/9] calendar post date --- assets/sass/_widgets.scss | 5 + style.css | 4446 +++++++++++++++++-------------------- 2 files changed, 2068 insertions(+), 2383 deletions(-) diff --git a/assets/sass/_widgets.scss b/assets/sass/_widgets.scss index 53ab4756..f9d6049c 100644 --- a/assets/sass/_widgets.scss +++ b/assets/sass/_widgets.scss @@ -96,3 +96,8 @@ border-bottom: 1px solid $border; } } + +.sidebar .widget_calendar a { + color: #03c4eb; + text-decoration: underline; +} \ No newline at end of file diff --git a/style.css b/style.css index ae07a84c..22416748 100644 --- a/style.css +++ b/style.css @@ -44,81 +44,77 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ 2.1 Typography ------------------------------*/ html, body { - margin: 0; - padding: 0; - height: 100%; + margin: 0; + padding: 0; + height: 100%; } html { - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - font-size: 16px; + box-sizing: border-box; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-size: 16px; } - @media (max-width: 991px) { - html { - font-size: 15px; - } + html { + font-size: 15px; + } } - @media (max-width: 767px) { - html { - font-size: 14px; - } + html { + font-size: 14px; + } } body { - background: #ffffff; - height: 100%; + background: #ffffff; + height: 100%; } .site { - background: #FFFFFF; - position: relative; + background: #FFFFFF; + position: relative; } body, button, input, select, textarea { - font-family: "Open Sans", Helvetica, Arial, sans-serif; - font-size: 14px; - font-size: 0.875rem; - line-height: 1.7; - color: #777777; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + font-size: 0.875rem; + line-height: 1.7; + color: #777777; } pre, code, input, textarea { - font: inherit; + font: inherit; } ::-moz-selection { - background: #000000; - color: #FFFFFF; + background: #000000; + color: #FFFFFF; } ::selection { - background: #000000; - color: #FFFFFF; + background: #000000; + color: #FFFFFF; } /*------------------------------ 2.2 Links ------------------------------*/ a { - color: #03c4eb; - text-decoration: none; - outline: none; + color: #03c4eb; + text-decoration: none; + outline: none; } - a:hover { - text-decoration: none; - color: #777777; - text-decoration: underline; + text-decoration: none; + color: #777777; + text-decoration: underline; } - a:active, a:focus, a:hover { - outline: none; + outline: none; } /*------------------------------ @@ -130,141 +126,135 @@ h3, h4, h5, h6 { - clear: both; - font-family: "Raleway", Helvetica, Arial, sans-serif; - font-weight: 600; - margin-bottom: 15px; - margin-bottom: 15px; - margin-bottom: 0.9375rem; - margin-top: 0; - color: #333333; + clear: both; + font-family: "Raleway", Helvetica, Arial, sans-serif; + font-weight: 600; + margin-bottom: 15px; + margin-bottom: 15px; + margin-bottom: 0.9375rem; + margin-top: 0; + color: #333333; } - h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: #333333; - text-decoration: none; + color: #333333; + text-decoration: none; } h1 { - line-height: 1.3; - font-size: 33px; - font-size: 2.0625rem; + line-height: 1.3; + font-size: 33px; + font-size: 2.0625rem; } - @media (min-width: 768px) { - h1 { - font-size: 40px; - font-size: 2.5rem; - } + h1 { + font-size: 40px; + font-size: 2.5rem; + } } - h1 span { - font-weight: bold; + font-weight: bold; } h2 { - line-height: 1.2; - font-size: 25px; - font-size: 1.5625rem; + line-height: 1.2; + font-size: 25px; + font-size: 1.5625rem; } - @media (min-width: 768px) { - h2 { - font-size: 32px; - font-size: 2rem; - } + h2 { + font-size: 32px; + font-size: 2rem; + } } h3 { - font-size: 20px; - font-size: 1.25rem; - font-weight: 600; + font-size: 20px; + font-size: 1.25rem; + font-weight: 600; } h4 { - font-size: 17px; - font-size: 1.0625rem; - margin-bottom: 12px; + font-size: 17px; + font-size: 1.0625rem; + margin-bottom: 12px; } h5 { - text-transform: uppercase; - font-size: 15px; - font-size: 0.9375rem; - font-weight: 700; + text-transform: uppercase; + font-size: 15px; + font-size: 0.9375rem; + font-weight: 700; } h6 { - font-weight: 700; - text-transform: uppercase; - font-size: 12px; - font-size: 0.75rem; - letter-spacing: 1px; + font-weight: 700; + text-transform: uppercase; + font-size: 12px; + font-size: 0.75rem; + letter-spacing: 1px; } /*------------------------------ 2.4 Base ------------------------------*/ ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr { - margin-bottom: 15px; - margin-bottom: 0.9375rem; - margin-top: 0; + margin-bottom: 15px; + margin-bottom: 0.9375rem; + margin-top: 0; } /*------------------------------ 2.5 Content ------------------------------*/ img { - height: auto; - max-width: 100%; - vertical-align: middle; + height: auto; + max-width: 100%; + vertical-align: middle; } b, strong { - font-weight: bold; + font-weight: bold; } blockquote { - clear: both; - margin: 20px 0; + clear: both; + margin: 20px 0; } - blockquote p { - font-style: italic; + font-style: italic; } - blockquote cite { - font-style: normal; - margin-bottom: 20px; - font-size: 13px; + font-style: normal; + margin-bottom: 20px; + font-size: 13px; } dfn, cite, em, i { - font-style: italic; + font-style: italic; } figure { - margin: 0; + margin: 0; } address { - margin: 20px 0; + margin: 20px 0; } hr { - border: 0; - border-top: 1px solid #e9e9e9; - height: 1px; - margin-bottom: 20px; + border: 0; + border-top: 1px solid #e9e9e9; + height: 1px; + margin-bottom: 20px; } tt, @@ -273,88 +263,87 @@ pre, code, samp, var { - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; - background-color: #e9e9e9; - padding: 5px 7px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; + background-color: #e9e9e9; + padding: 5px 7px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } pre { - overflow: auto; - white-space: pre-wrap; - max-width: 100%; - line-height: 1.7; - margin: 20px 0; - padding: 20px; + overflow: auto; + white-space: pre-wrap; + max-width: 100%; + line-height: 1.7; + margin: 20px 0; + padding: 20px; } details summary { - font-weight: bold; - margin-bottom: 20px; + font-weight: bold; + margin-bottom: 20px; } - details :focus { - outline: none; + outline: none; } abbr, acronym, dfn { - cursor: help; - font-size: .95em; - text-transform: uppercase; - border-bottom: 1px dotted #e9e9e9; - letter-spacing: 1px; + cursor: help; + font-size: .95em; + text-transform: uppercase; + border-bottom: 1px dotted #e9e9e9; + letter-spacing: 1px; } mark { - background-color: #fff9c0; - text-decoration: none; + background-color: #fff9c0; + text-decoration: none; } small { - font-size: 82%; + font-size: 82%; } big { - font-size: 125%; + font-size: 125%; } ul, ol { - padding-left: 20px; + padding-left: 20px; } ul { - list-style: disc; + list-style: disc; } ol { - list-style: decimal; + list-style: decimal; } ul li, ol li { - margin: 8px 0; + margin: 8px 0; } dt { - font-weight: bold; + font-weight: bold; } dd { - margin: 0 20px 20px; + margin: 0 20px 20px; } /*------------------------------ 2.6 Table ------------------------------*/ table { - width: 100%; - margin-bottom: 20px; - border: 1px solid #e9e9e9; - border-collapse: collapse; - border-spacing: 0; + width: 100%; + margin-bottom: 20px; + border: 1px solid #e9e9e9; + border-collapse: collapse; + border-spacing: 0; } table > thead > tr > th, @@ -363,72 +352,71 @@ table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { - border: 1px solid #e9e9e9; - line-height: 1.42857; - padding: 5px; - vertical-align: middle; + border: 1px solid #e9e9e9; + line-height: 1.42857; + padding: 5px; + vertical-align: middle; } table > thead > tr > th, table > thead > tr > td { - border-bottom-width: 2px; + border-bottom-width: 2px; } table th { - font-size: 14px; - letter-spacing: 2px; - text-transform: uppercase; + font-size: 14px; + letter-spacing: 2px; + text-transform: uppercase; } /*------------------------------ 2.7 Form ------------------------------*/ fieldset { - padding: 20px; - border: 1px solid #e9e9e9; + padding: 20px; + border: 1px solid #e9e9e9; } input[type="reset"], input[type="submit"], input[type="submit"] { - cursor: pointer; - background: #03c4eb; - border: none; - display: inline-block; - color: #FFFFFF; - letter-spacing: 1px; - text-transform: uppercase; - line-height: 1; - text-align: center; - padding: 15px 23px 15px 23px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; - margin: 3px 0; - text-decoration: none; - font-weight: 600; - font-size: 13px; + cursor: pointer; + background: #03c4eb; + border: none; + display: inline-block; + color: #FFFFFF; + letter-spacing: 1px; + text-transform: uppercase; + line-height: 1; + text-align: center; + padding: 15px 23px 15px 23px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; + margin: 3px 0; + text-decoration: none; + font-weight: 600; + font-size: 13px; } - input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover { - opacity: 0.8; + opacity: 0.8; } input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { - cursor: pointer; + cursor: pointer; } textarea { - resize: vertical; + resize: vertical; } select { - max-width: 100%; - overflow: auto; - vertical-align: top; - outline: none; - border: 1px solid #e9e9e9; - padding: 10px; + max-width: 100%; + overflow: auto; + vertical-align: top; + outline: none; + border: 1px solid #e9e9e9; + padding: 10px; } textarea, @@ -445,26 +433,25 @@ input[type="text"], input[type="time"], input[type="url"], input[type="week"] { - padding: 10px; - max-width: 100%; - border: 0px; - font-size: 15px; - font-weight: normal; - line-height: 22px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; - -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; - transition: all 0.2s linear; - -moz-transition: all 0.2s linear; - -webkit-transition: all 0.2s linear; - -o-transition: all 0.2s linear; - background-color: #f2f2f2; - border-bottom: 1px solid #fff; - box-sizing: border-box; - color: #000000; + padding: 10px; + max-width: 100%; + border: 0px; + font-size: 15px; + font-weight: normal; + line-height: 22px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; + -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; + transition: all 0.2s linear; + -moz-transition: all 0.2s linear; + -webkit-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + background-color: #f2f2f2; + border-bottom: 1px solid #fff; + box-sizing: border-box; + color: #000000; } - textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, @@ -479,26 +466,26 @@ input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; - -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; - transition: all 0.2s linear; - -moz-transition: all 0.2s linear; - -webkit-transition: all 0.2s linear; - -o-transition: all 0.2s linear; - border-color: #EBEBEB; - border-bottom: 1px solid #fff !important; - background: #e9e9e9; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; + -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; + transition: all 0.2s linear; + -moz-transition: all 0.2s linear; + -webkit-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + border-color: #EBEBEB; + border-bottom: 1px solid #fff !important; + background: #e9e9e9; } button::-moz-focus-inner { - border: 0; - padding: 0; + border: 0; + padding: 0; } input[type="radio"], input[type="checkbox"] { - margin: 0 10px; + margin: 0 10px; } /*------------------------------ @@ -506,29 +493,29 @@ input[type="radio"], input[type="checkbox"] { ------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { - clip: rect(1px, 1px, 1px, 1px); - position: absolute !important; + clip: rect(1px, 1px, 1px, 1px); + position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { - background-color: #f8f9f9; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - clip: auto !important; - color: #03c4eb; - display: block; - height: auto; - left: 5px; - line-height: normal; - padding: 17px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; - /* Above WP toolbar */ + background-color: #f8f9f9; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + clip: auto !important; + color: #03c4eb; + display: block; + height: auto; + left: 5px; + line-height: normal; + padding: 17px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar */ } /*------------------------------ @@ -538,22 +525,22 @@ input[type="radio"], input[type="checkbox"] { 2.9 Alignments ------------------------------*/ .alignleft { - display: inline; - float: left; - margin-right: 3.5em; + display: inline; + float: left; + margin-right: 3.5em; } .alignright { - display: inline; - float: right; - margin-left: 3.5em; + display: inline; + float: right; + margin-left: 3.5em; } .aligncenter { - clear: both; - display: block; - margin-left: auto; - margin-right: auto; + clear: both; + display: block; + margin-left: auto; + margin-right: auto; } /*------------------------------ @@ -571,9 +558,9 @@ input[type="radio"], input[type="checkbox"] { .site-content:after, .site-footer:before, .site-footer:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } .clear:after, @@ -582,7 +569,7 @@ input[type="radio"], input[type="checkbox"] { .site-header:after, .site-content:after, .site-footer:after { - clear: both; + clear: both; } /*------------------------------ @@ -591,24 +578,24 @@ input[type="radio"], input[type="checkbox"] { /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { - /* Theme Footer (when set to scrolling) */ - display: none; + /* Theme Footer (when set to scrolling) */ + display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { - display: block; + display: block; } /*------------------------------ 3.1 Helper. ------------------------------*/ .hide { - display: none; + display: none; } .clearleft { - clear: left; + clear: left; } .break, h1, @@ -617,767 +604,694 @@ h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre { - word-break: break-word; - word-wrap: break-word; + word-break: break-word; + word-wrap: break-word; } /*-------------------------------------------------------------- 3.0 Layout --------------------------------------------------------------*/ #primary { - padding-bottom: 40px; - padding-top: 40px; + padding-bottom: 40px; + padding-top: 40px; } #secondary { - padding-bottom: 40px; - padding-top: 0; + padding-bottom: 40px; + padding-top: 0; } - @media screen and (min-width: 940px) { - #secondary { - padding-top: 40px; - } + #secondary { + padding-top: 40px; + } } .content-area { - width: 100%; - float: none; + width: 100%; + float: none; } - @media screen and (min-width: 940px) { - .content-area { - float: left; - } + .content-area { + float: left; + } } .sidebar { - width: 100%; - float: none; + width: 100%; + float: none; } - @media screen and (min-width: 940px) { - .sidebar { - width: 25.22523%; - float: left; - } + .sidebar { + width: 25.2252252252%; + float: left; + } } .no-sidebar .content-area { - width: 100%; + width: 100%; } @media screen and (min-width: 940px) { - .left-sidebar .content-area { - float: right; - padding-left: 39px; - border-left: 1px solid #e9e9e9; - margin-right: 1px; - width: 74.77477%; - } - .left-sidebar .sidebar { - padding-right: 39px; - border-right: 1px solid #e9e9e9; - margin-right: -1px; - } - .right-sidebar .content-area { - padding-right: 39px; - border-right: 1px solid #e9e9e9; - width: 74.77477%; - } - .right-sidebar .sidebar { - padding-left: 39px; - border-left: 1px solid #e9e9e9; - margin-left: -1px; - } + .left-sidebar .content-area { + float: right; + padding-left: 39px; + border-left: 1px solid #e9e9e9; + margin-right: 1px; + width: 74.7747747748%; + } + + .left-sidebar .sidebar { + padding-right: 39px; + border-right: 1px solid #e9e9e9; + margin-right: -1px; + } + + .right-sidebar .content-area { + padding-right: 39px; + border-right: 1px solid #e9e9e9; + width: 74.7747747748%; + } + + .right-sidebar .sidebar { + padding-left: 39px; + border-left: 1px solid #e9e9e9; + margin-left: -1px; + } } - /*-------------------------------------------------------------- 4.0 Structure --------------------------------------------------------------*/ /* Header ------------------------------*/ .site-header { - line-height: 75px; - position: relative; - width: 100%; - background: #FFFFFF; - z-index: 99; - -webkit-transition: all 1s ease-out; - /* Safari */ - transition: all .5s ease-out; + line-height: 75px; + position: relative; + width: 100%; + background: #FFFFFF; + z-index: 99; + -webkit-transition: all 1s ease-out; + /* Safari */ + transition: all .5s ease-out; } .site-header-wrapper { - display: block; + display: block; } .no-sticky-header.header-transparent .site-header #nav-toggle span { - background-color: #ffffff; + background-color: #ffffff; } - .no-sticky-header.header-transparent .site-header #nav-toggle span::before, .no-sticky-header.header-transparent .site-header #nav-toggle span::after { - background-color: #ffffff; + background-color: #ffffff; } - .no-sticky-header.header-transparent .site-header #nav-toggle.nav-is-visible span { - background-color: transparent; + background-color: transparent; } .header-transparent .no-scroll .site-header { - background: transparent; - position: fixed; + background: transparent; + position: fixed; } - .header-transparent .no-scroll .site-header #nav-toggle span { - background-color: #ffffff; + background-color: #ffffff; } - .header-transparent .no-scroll .site-header #nav-toggle span::before, .header-transparent .no-scroll .site-header #nav-toggle span::after { - background-color: #ffffff; + background-color: #ffffff; } - .header-transparent .no-scroll .site-header #nav-toggle.nav-is-visible span { - background-color: transparent; + background-color: transparent; } @media screen and (min-width: 1140px) { - .header-transparent .no-scroll .site-header .onepress-menu > li > a { - color: rgba(255, 255, 255, 0.9); - } + .header-transparent .no-scroll .site-header .onepress-menu > li > a { + color: rgba(255, 255, 255, 0.9); + } } - .no-sticky-header.page-template-template-frontpage.header-transparent .site-header { - background: transparent; - position: absolute; + background: transparent; + position: absolute; } .site-header.header-fixed { - box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06); + box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06); } .sticky-header #page > .site-header, .sticky-header .header-fixed { - position: fixed; + position: fixed; } .sticky-header .header-fixed { - top: 0px; - left: 0px; + top: 0px; + left: 0px; } .header-transparent .hero-slideshow-fullscreen .hero__content { - padding-top: 50px; - padding-top: 3.125rem; + padding-top: 50px; + padding-top: 3.125rem; } .site-branding { - float: left; + float: left; } .site-branding .site-title, .site-branding .site-text-logo { - margin: 0px; - line-height: 1; - font-family: "Raleway", Helvetica, Arial, sans-serif; - font-size: 23px; - letter-spacing: 1px; - text-transform: uppercase; - color: #000000; - display: initial; - vertical-align: middle; - font-weight: 600; + margin: 0px; + line-height: 1; + font-family: "Raleway", Helvetica, Arial, sans-serif; + font-size: 23px; + letter-spacing: 1px; + text-transform: uppercase; + color: #000000; + display: initial; + vertical-align: middle; + font-weight: 600; } - .site-branding .site-title:hover, .site-branding .site-text-logo:hover { - text-decoration: none; + text-decoration: none; } - .site-branding .site-title { - display: inline-block; + display: inline-block; } - .site-branding .site-image-logo { - display: block; + display: block; } - .site-branding .site-logo-div { - line-height: 75px; + line-height: 75px; } - .site-branding .no-logo-img.has-desc, .site-branding .has-logo-img { - line-height: 60px; + line-height: 60px; } - .site-branding .no-logo-img.has-desc .site-title, .site-branding .has-logo-img .site-title { - margin-top: -5px; - position: relative; + margin-top: -5px; + position: relative; } - .site-branding .no-logo-img.has-desc .site-description, .site-branding .has-logo-img .site-description { - font-size: 12px; - line-height: 14px; - margin-bottom: 0; - position: relative; - top: -15px; + font-size: 12px; + line-height: 14px; + margin-bottom: 0; + position: relative; + top: -15px; } .home.header-transparent .no-scroll .site-brand-inner, .home.header-transparent .no-scroll .site-text-logo { - color: #fff; + color: #fff; } .header-social { - margin-left: 0px; - float: right; + margin-left: 0px; + float: right; } - @media screen and (min-width: 940px) { - .header-social { - margin-left: 10px; - } + .header-social { + margin-left: 10px; + } } - @media screen and (max-width: 576px) { - .header-social { - display: none; - } + .header-social { + display: none; + } } - .header-social a { - display: block; - height: 100%; - float: left; - margin-left: 0px; - margin-top: -2px; - color: #03c4eb; + display: block; + height: 100%; + float: left; + margin-left: 0px; + margin-top: -2px; + color: #03c4eb; } - @media screen and (min-width: 940px) { - .header-social a { - margin-left: 3px; - } + .header-social a { + margin-left: 3px; + } } - .header-social a:hover { - color: #000000; - transition: all 0.2s linear 0s; + color: #000000; + transition: all 0.2s linear 0s; } - .header-social .fa-stack-1x, .header-social .fa-stack-2x { - position: absolute; - left: 0; - width: 100%; - text-align: center; + position: absolute; + left: 0; + width: 100%; + text-align: center; } - .header-social .fa-stack-1x { - line-height: inherit; + line-height: inherit; } - .header-social .fa-stack-2x { - font-size: 2em; + font-size: 2em; } - .header-social .fa-inverse { - color: #FFFFFF; + color: #FFFFFF; } .header-btn { - float: right; + float: right; } /* Site Navigation */ .onepress-menu, .onepress-menu * { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } .onepress-menu { - float: right; + float: right; } - .onepress-menu ul { - position: absolute; - display: none; - top: 100%; - left: 0; - z-index: 99; + position: absolute; + display: none; + top: 100%; + left: 0; + z-index: 99; } - .onepress-menu ul ul { - top: 0; - left: 100%; + top: 0; + left: 100%; } - .onepress-menu li { - position: relative; + position: relative; } - .onepress-menu > li { - float: left; + float: left; } - .onepress-menu li:hover > ul, .onepress-menu li.sfHover > ul { - display: block; + display: block; } - .onepress-menu a { - display: block; - position: relative; + display: block; + position: relative; } .onepress-menu ul { - min-width: 12em; - *width: 12em; - border: 1px solid #e9e9e9; - border-top: none; + min-width: 12em; + *width: 12em; + border: 1px solid #e9e9e9; + border-top: none; } - .onepress-menu li { - white-space: nowrap; - *white-space: normal; - -webkit-transition: background .2s; - transition: background .2s; + white-space: nowrap; + *white-space: normal; + -webkit-transition: background .2s; + transition: background .2s; } - .onepress-menu li:hover, .onepress-menu li.sfHover { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + transition: none; } - .onepress-menu a { - color: #333333; - font-family: "Raleway", Helvetica, Arial, sans-serif; - padding-left: 17px; - padding-right: 17px; - font-size: 13px; - font-weight: 600; - text-transform: uppercase; - text-decoration: none; - zoom: 1; - letter-spacing: 1px; + color: #333333; + font-family: "Raleway", Helvetica, Arial, sans-serif; + padding-left: 17px; + padding-right: 17px; + font-size: 13px; + font-weight: 600; + text-transform: uppercase; + text-decoration: none; + zoom: 1; + letter-spacing: 1px; } - .onepress-menu a:hover { - color: #03c4eb; + color: #03c4eb; } - .onepress-menu ul li { - line-height: 26px; + line-height: 26px; } - .onepress-menu ul li a { - border-top: 1px solid #e9e9e9; - padding: 8px 18px; - color: #999999; - font-size: 13px; - text-transform: none; - background: #ffffff; - letter-spacing: 0; + border-top: 1px solid #e9e9e9; + padding: 8px 18px; + color: #999999; + font-size: 13px; + text-transform: none; + background: #ffffff; + letter-spacing: 0; } - .onepress-menu ul li a:hover { - color: #03c4eb; + color: #03c4eb; } - .onepress-menu li.onepress-current-item > a { - color: #03c4eb; + color: #03c4eb; } - .onepress-menu ul li.current-menu-item > a { - color: #03c4eb; + color: #03c4eb; } - .onepress-menu > li:last-child > a { - padding-right: 0px; + padding-right: 0px; } - .onepress-menu > li a.menu-actived { - color: #03c4eb; + color: #03c4eb; } - .onepress-menu .nav-toggle-subarrow { - display: none; + display: none; } #nav-toggle { - display: none; - margin-left: 15px; + display: none; + margin-left: 15px; } @media screen and (max-width: 1140px) { - .main-navigation { - position: static; - } - .main-navigation .onepress-menu { - width: 100% !important; - display: none; - } - .onepress-menu.onepress-menu-mobile { - display: block !important; - position: absolute; - top: 75px; - right: 0; - width: 100%; - background: transparent; - z-index: 100; - border-bottom: 1px solid #e9e9e9; - } - .onepress-menu.onepress-menu-mobile > li > a { - padding: 12px 20px; - } - .onepress-menu.onepress-menu-mobile li:hover ul { - display: none; - } - .onepress-menu.onepress-menu-mobile ul { - box-shadow: none; - padding-bottom: 0; - border: none; - position: relative; - } - .onepress-menu.onepress-menu-mobile ul li:last-child { - border-bottom: none; - } - .onepress-menu.onepress-menu-mobile ul li a { - padding: 12px 35px; - border-top: none; - } - .onepress-menu.onepress-menu-mobile ul li a:hover { - background: transparent; - } - .onepress-menu.onepress-menu-mobile ul li li a { - padding: 12px 70px; - border-top: none; - } - .onepress-menu.onepress-menu-mobile ul li li li a { - padding: 12px 105px; - } - .onepress-menu.onepress-menu-mobile ul ul { - left: 0px; - } - .onepress-menu.onepress-menu-mobile li { - line-height: 20px; - background: #FFFFFF; - border-top: 1px solid #e9e9e9; - width: 100% !important; - } - .onepress-menu.onepress-menu-mobile li.onepress-current-item > a { - color: #03c4eb; - } - .onepress-menu.onepress-menu-mobile a { - color: #777777; - } - .onepress-menu.onepress-menu-mobile a:hover { - color: #000000; - } - .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow { - display: block; - color: #999999; - border-left: 1px solid #e9e9e9; - font-weight: normal; - position: absolute; - top: 0; - right: 0; - cursor: pointer; - text-align: center; - padding: 11px 20px; - z-index: 10; - font-size: 22px; - } - .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before { - content: "\f106" !important; - } - .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul { - display: block !important; - } - #nav-toggle { - display: block; - } + .main-navigation { + position: static; + } + + .main-navigation .onepress-menu { + width: 100% !important; + display: none; + } + + .onepress-menu.onepress-menu-mobile { + display: block !important; + position: absolute; + top: 75px; + right: 0; + width: 100%; + background: transparent; + z-index: 100; + border-bottom: 1px solid #e9e9e9; + } + .onepress-menu.onepress-menu-mobile > li > a { + padding: 12px 20px; + } + .onepress-menu.onepress-menu-mobile li:hover ul { + display: none; + } + .onepress-menu.onepress-menu-mobile ul { + box-shadow: none; + padding-bottom: 0; + border: none; + position: relative; + } + .onepress-menu.onepress-menu-mobile ul li:last-child { + border-bottom: none; + } + .onepress-menu.onepress-menu-mobile ul li a { + padding: 12px 35px; + border-top: none; + } + .onepress-menu.onepress-menu-mobile ul li a:hover { + background: transparent; + } + .onepress-menu.onepress-menu-mobile ul li li a { + padding: 12px 70px; + border-top: none; + } + .onepress-menu.onepress-menu-mobile ul li li li a { + padding: 12px 105px; + } + .onepress-menu.onepress-menu-mobile ul ul { + left: 0px; + } + .onepress-menu.onepress-menu-mobile li { + line-height: 20px; + background: #FFFFFF; + border-top: 1px solid #e9e9e9; + width: 100% !important; + } + .onepress-menu.onepress-menu-mobile li.onepress-current-item > a { + color: #03c4eb; + } + .onepress-menu.onepress-menu-mobile a { + color: #777777; + } + .onepress-menu.onepress-menu-mobile a:hover { + color: #000000; + } + .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow { + display: block; + color: #999999; + border-left: 1px solid #e9e9e9; + font-weight: normal; + position: absolute; + top: 0; + right: 0; + cursor: pointer; + text-align: center; + padding: 11px 20px; + z-index: 10; + font-size: 22px; + } + .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before { + content: "\f106" !important; + } + .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul { + display: block !important; + } + + #nav-toggle { + display: block; + } } - #nav-toggle { - float: right; - position: relative; - width: 35px; - overflow: hidden; - white-space: nowrap; - color: transparent; + float: right; + position: relative; + width: 35px; + overflow: hidden; + white-space: nowrap; + color: transparent; } - #nav-toggle span { - position: absolute; - top: 50%; - right: 5px; - margin-top: -2px; - -webkit-transition: rotate 0.2s, translate 0.2s; - -moz-transition: rotate 0.2s, translate 0.2s; - transition: rotate 0.2s, translate 0.2s; - display: inline-block; - height: 3px; - width: 24px; - background: #000000; + position: absolute; + top: 50%; + right: 5px; + margin-top: -2px; + -webkit-transition: rotate 0.2s, translate 0.2s; + -moz-transition: rotate 0.2s, translate 0.2s; + transition: rotate 0.2s, translate 0.2s; + display: inline-block; + height: 3px; + width: 24px; + background: #000000; } - #nav-toggle span:before { - top: -8px; + top: -8px; } - #nav-toggle span:after { - top: 8px; + top: 8px; } - #nav-toggle span:before, #nav-toggle span:after { - position: absolute; - display: inline-block; - height: 3px; - width: 24px; - background: #000000; - content: ''; - right: 0; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); - transform: translateZ(0); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transform-origin: 0% 50%; - -moz-transform-origin: 0% 50%; - -ms-transform-origin: 0% 50%; - -o-transform-origin: 0% 50%; - transform-origin: 0% 50%; - -webkit-transition: -webkit-transform 0.2s; - -moz-transition: -moz-transform 0.2s; - transition: transform 0.2s; + position: absolute; + display: inline-block; + height: 3px; + width: 24px; + background: #000000; + content: ''; + right: 0; + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform-origin: 0% 50%; + -moz-transform-origin: 0% 50%; + -ms-transform-origin: 0% 50%; + -o-transform-origin: 0% 50%; + transform-origin: 0% 50%; + -webkit-transition: -webkit-transform 0.2s; + -moz-transition: -moz-transform 0.2s; + transition: transform 0.2s; } #nav-toggle.nav-is-visible span { - background: transparent; + background: transparent; } - #nav-toggle.nav-is-visible span:before { - -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg); - -moz-transform: translateX(4px) translateY(-1px) rotate(45deg); - -ms-transform: translateX(4px) translateY(-1px) rotate(45deg); - -o-transform: translateX(4px) translateY(-1px) rotate(45deg); - transform: translateX(4px) translateY(-1px) rotate(45deg); + -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg); + -moz-transform: translateX(4px) translateY(-1px) rotate(45deg); + -ms-transform: translateX(4px) translateY(-1px) rotate(45deg); + -o-transform: translateX(4px) translateY(-1px) rotate(45deg); + transform: translateX(4px) translateY(-1px) rotate(45deg); } - #nav-toggle.nav-is-visible span:after { - -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg); - -moz-transform: translateX(4px) translateY(0px) rotate(-45deg); - -ms-transform: translateX(4px) translateY(0px) rotate(-45deg); - -o-transform: translateX(4px) translateY(0px) rotate(-45deg); - transform: translateX(4px) translateY(0px) rotate(-45deg); + -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg); + -moz-transform: translateX(4px) translateY(0px) rotate(-45deg); + -ms-transform: translateX(4px) translateY(0px) rotate(-45deg); + -o-transform: translateX(4px) translateY(0px) rotate(-45deg); + transform: translateX(4px) translateY(0px) rotate(-45deg); } - #nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after { - background: #000000; + background: #000000; } /* Content ------------------------------*/ .site-content { - border-top: 1px solid #e9e9e9; - margin-top: -1px; + border-top: 1px solid #e9e9e9; + margin-top: -1px; } .blog .site-content, .single-post .site-content { - margin-top: 0; + margin-top: 0; } .site-content.no-border { - border-top: none; + border-top: none; } .page-header { - padding: 30px 0px; - border-top: 1px solid #e9e9e9; - background: #f8f9f9; - border-bottom: 1px solid #e9e9e9; + padding: 30px 0px; + border-top: 1px solid #e9e9e9; + background: #f8f9f9; + border-bottom: 1px solid #e9e9e9; } - .page-header .entry-title, .page-header .page-title { - margin-bottom: 0px; - font-size: 24px; - font-weight: 600; - letter-spacing: 1px; - text-transform: uppercase; + margin-bottom: 0px; + font-size: 24px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; } - .page-header p { - margin: 6px 0px 0px 0px; + margin: 6px 0px 0px 0px; } /* Footer ------------------------------*/ .site-footer { - background: #111111; - color: #BBBBBB; - font-size: 14px; + background: #111111; + color: #BBBBBB; + font-size: 14px; } - .site-footer a { - color: #03c4eb; + color: #03c4eb; } - .site-footer .footer-connect { - padding: 90px 0px; - padding: 80px 0px; - padding: 5rem 0px; - text-align: center; + padding: 90px 0px; + padding: 80px 0px; + padding: 5rem 0px; + text-align: center; } - @media (max-width: 767px) { - .site-footer .footer-connect .footer-subscribe { - margin-bottom: 40px; - } + .site-footer .footer-connect .footer-subscribe { + margin-bottom: 40px; + } } - .site-footer .footer-connect .follow-heading { - color: #FFFFFF; - margin-bottom: 20px; - letter-spacing: 0.8px; + color: #FFFFFF; + margin-bottom: 20px; + letter-spacing: 0.8px; } - .site-footer .footer-connect .subs_input { - background-color: rgba(255, 255, 255, 0.145); - color: #cccccc; - border-bottom: none; - box-shadow: none; - padding: 12px 15px 12px; - border-radius: 2px; - width: 60%; - font-size: 13px; + background-color: rgba(255, 255, 255, 0.145); + color: #cccccc; + border-bottom: none; + box-shadow: none; + padding: 12px 15px 12px; + border-radius: 2px; + width: 60%; + font-size: 13px; } - .site-footer .footer-connect .subs_input:focus { - border: none; + border: none; } - @media screen and (max-width: 1140px) { - .site-footer .footer-connect .subs_input { - width: 100%; - margin-bottom: 4px; - } + .site-footer .footer-connect .subs_input { + width: 100%; + margin-bottom: 4px; + } } - @media screen and (max-width: 940px) { - .site-footer .footer-connect .subs_input { - width: 70%; - margin-bottom: 4px; - } + .site-footer .footer-connect .subs_input { + width: 70%; + margin-bottom: 4px; + } } - @media screen and (max-width: 720px) { - .site-footer .footer-connect .subs_input { - width: 100%; - margin-bottom: 4px; - } + .site-footer .footer-connect .subs_input { + width: 100%; + margin-bottom: 4px; + } } - .site-footer .footer-connect .subs-button { - margin: 0px; - position: relative; - top: 0px; - padding: 16px 23px 16px; + margin: 0px; + position: relative; + top: 0px; + padding: 16px 23px 16px; } - @media screen and (max-width: 1140px) { - .site-footer .footer-connect .subs-button { - width: 100%; - } + .site-footer .footer-connect .subs-button { + width: 100%; + } } - @media screen and (max-width: 940px) { - .site-footer .footer-connect .subs-button { - width: 70%; - } + .site-footer .footer-connect .subs-button { + width: 70%; + } } - @media screen and (max-width: 720px) { - .site-footer .footer-connect .subs-button { - width: 100%; - } + .site-footer .footer-connect .subs-button { + width: 100%; + } } - .site-footer .footer-connect input[type="text"]:focus { - border: none !important; + border: none !important; } - .site-footer .footer-social { - text-align: center; + text-align: center; } - .site-footer .footer-social a { - font-size: 30px; - margin: 0px 13px; - color: #FFFFFF; + font-size: 30px; + margin: 0px 13px; + color: #FFFFFF; } - .site-footer .footer-social a:hover { - color: #03c4eb; + color: #03c4eb; } - .site-footer .site-info { - position: relative; - text-align: center; - padding: 35px 0px; - background: #222222; - font-weight: 500; - color: #bbbbbb; + position: relative; + text-align: center; + padding: 35px 0px; + background: #222222; + font-weight: 500; + color: #bbbbbb; } - .site-footer .site-info a { - color: #dddddd; + color: #dddddd; } - .site-footer .site-info a:hover { - text-decoration: underline; + text-decoration: underline; } - .site-footer .site-info .container { - position: initial; + position: initial; } - .site-footer .btt a { - border-radius: 0px 20px 0 0; - color: #999999; - background: #222222; - display: block; - font-size: 30px; - height: 50px; - line-height: 50px; - margin: auto; - position: absolute; - right: 60px; - top: -25px; - transition: all 0.2s linear 0s; - width: 50px; - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - -o-transform: rotate(-45deg); + border-radius: 0px 20px 0 0; + color: #999999; + background: #222222; + display: block; + font-size: 30px; + height: 50px; + line-height: 50px; + margin: auto; + position: absolute; + right: 60px; + top: -25px; + transition: all 0.2s linear 0s; + width: 50px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); } - .site-footer .btt a:hover { - color: #03c4eb; + color: #03c4eb; } - .site-footer .btt a i { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - margin-left: 3px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + margin-left: 3px; } - @media screen and (max-width: 940px) { - .site-footer .btt a { - right: 0; - left: 0; - } + .site-footer .btt a { + right: 0; + left: 0; + } } /*-------------------------------------------------------------- @@ -1386,449 +1300,394 @@ h6, p, ul, ol, dl, blockquote, pre { /* Page: 404 ------------------------------*/ .error-404 .search-form, .error-404 .widget { - margin-bottom: 40px; + margin-bottom: 40px; } - .error-404 .widgettitle, .error-404 .widget-title { - font-size: 15px; - text-transform: uppercase; - letter-spacing: 2px; - margin-bottom: 13px; - font-weight: 700; + font-size: 15px; + text-transform: uppercase; + letter-spacing: 2px; + margin-bottom: 13px; + font-weight: 700; } - .error-404 ul { - padding-left: 0px; + padding-left: 0px; } - .error-404 ul li { - list-style: none; + list-style: none; } /* Page: Search ------------------------------*/ .search-results .hentry { - border-bottom: 1px solid #e9e9e9; - padding-bottom: 25px; - margin-bottom: 25px; + border-bottom: 1px solid #e9e9e9; + padding-bottom: 25px; + margin-bottom: 25px; } - .search-results .entry-summary p { - margin-bottom: 0px; + margin-bottom: 0px; } - .search-results .entry-header .entry-title { - font-size: 22px; - line-height: 1.5; - font-weight: 500; + font-size: 22px; + line-height: 1.5; + font-weight: 500; } - .search-results .entry-header .entry-title a:hover { - text-decoration: none; + text-decoration: none; } /* Entry Header ------------------------------*/ .entry-header .entry-title { - font-weight: 500; - text-transform: none; - letter-spacing: -0.6px; - font-family: "Open Sans", Helvetica, Arial, sans-serif; - font-size: 25px; - line-height: 1.3; + font-weight: 500; + text-transform: none; + letter-spacing: -0.6px; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-size: 25px; + line-height: 1.3; } - @media screen and (min-width: 940px) { - .entry-header .entry-title { - font-size: 32px; - line-height: 1.5; - } + .entry-header .entry-title { + font-size: 32px; + line-height: 1.5; + } } .single .entry-header .entry-title { - margin-bottom: 10px; + margin-bottom: 10px; } .highlight { - color: #03c4eb; + color: #03c4eb; } /* Entry Content ------------------------------*/ .entry-content { - margin-bottom: 30px; + margin-bottom: 30px; } - .entry-content blockquote { - padding: 30px; - position: relative; - background: #f8f9f9; - border-left: 3px solid #03c4eb; - font-style: italic; + padding: 30px; + position: relative; + background: #f8f9f9; + border-left: 3px solid #03c4eb; + font-style: italic; } - .entry-content blockquote p { - margin: 0px; + margin: 0px; } /* Entry Stuff ------------------------------*/ .entry-meta { - margin-bottom: 30px; - text-transform: uppercase; - letter-spacing: 1.5px; - font-size: 12px; - font-weight: 600; - padding-bottom: 30px; - border-bottom: 1px solid #e9e9e9; + margin-bottom: 30px; + text-transform: uppercase; + letter-spacing: 1.5px; + font-size: 12px; + font-weight: 600; + padding-bottom: 30px; + border-bottom: 1px solid #e9e9e9; } .entry-footer { - margin-bottom: 30px; - padding-top: 30px; - border-top: 1px solid #e9e9e9; + margin-bottom: 30px; + padding-top: 30px; + border-top: 1px solid #e9e9e9; } - .entry-footer .cat-links, .entry-footer .tags-links { - display: block; - text-transform: uppercase; - letter-spacing: 1.5px; - font-size: 12px; - font-weight: 600; - margin-top: 5px; + display: block; + text-transform: uppercase; + letter-spacing: 1.5px; + font-size: 12px; + font-weight: 600; + margin-top: 5px; } .nav-links { - padding: 30px 0px; - border-left: none; - border-right: none; - margin-bottom: 50px; + padding: 30px 0px; + border-left: none; + border-right: none; + margin-bottom: 50px; } - .nav-links .nav-previous { - float: left; + float: left; } - .nav-links .nav-next { - float: right; + float: right; } - .nav-links a { - background: #cccccc; - color: #FFFFFF; - padding: 12px 20px; - font-weight: 600; - font-size: 12px; - letter-spacing: 1px; - text-transform: uppercase; - border-radius: 2px; + background: #cccccc; + color: #FFFFFF; + padding: 12px 20px; + font-weight: 600; + font-size: 12px; + letter-spacing: 1px; + text-transform: uppercase; + border-radius: 2px; } - .nav-links a:hover { - background: #03c4eb; - text-decoration: none; + background: #03c4eb; + text-decoration: none; } .bypostauthor { - margin: 0; + margin: 0; } /* Sticky Post ------------------------------*/ .sticky .entry-title { - padding-left: 20px; - position: relative; + padding-left: 20px; + position: relative; } - .sticky .entry-title:after { - content: "\f276"; - display: inline-block; - font-family: "FontAwesome"; - font-style: normal; - font-weight: normal; - width: 12px; - height: 12px; - position: absolute; - left: 0px; - top: 2px; - font-size: 22px; - color: #aaaaaa; + content: "\f276"; + display: inline-block; + font-family: "FontAwesome"; + font-style: normal; + font-weight: normal; + width: 12px; + height: 12px; + position: absolute; + left: 0px; + top: 2px; + font-size: 22px; + color: #aaaaaa; } /* WordPress caption style ------------------------------*/ .wp-caption { - max-width: 100%; - font-style: italic; - line-height: 1.35; - margin-bottom: 15px; - margin-top: 5px; + max-width: 100%; + font-style: italic; + line-height: 1.35; + margin-bottom: 15px; + margin-top: 5px; } - .wp-caption img[class*="wp-image-"] { - display: block; - max-width: 100%; + display: block; + max-width: 100%; } - .wp-caption .wp-caption-text { - margin: 10px 0px; + margin: 10px 0px; } .wp-caption-text, .entry-thumbnail-caption, .cycle-caption { - font-style: italic; - line-height: 1.35; - font-size: 13px; + font-style: italic; + line-height: 1.35; + font-size: 13px; } /* WordPress Gallery ------------------------------*/ .gallery { - margin-bottom: 1.5em; + margin-bottom: 1.5em; } .gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; } - .gallery-columns-2 .gallery-item { - max-width: 50%; + max-width: 50%; } - .gallery-columns-3 .gallery-item { - max-width: 33.33%; + max-width: 33.33%; } - .gallery-columns-4 .gallery-item { - max-width: 25%; + max-width: 25%; } - .gallery-columns-5 .gallery-item { - max-width: 20%; + max-width: 20%; } - .gallery-columns-6 .gallery-item { - max-width: 16.66%; + max-width: 16.66%; } - .gallery-columns-7 .gallery-item { - max-width: 14.28%; + max-width: 14.28%; } - .gallery-columns-8 .gallery-item { - max-width: 12.5%; + max-width: 12.5%; } - .gallery-columns-9 .gallery-item { - max-width: 11.11%; + max-width: 11.11%; } .gallery-caption { - display: block; + display: block; } /* Comments ------------------------------*/ #comments { - padding-top: 30px; - border-top: 1px solid #e9e9e9; + padding-top: 30px; + border-top: 1px solid #e9e9e9; } - #comments .comments-title { - margin-bottom: 20px; - font-size: 18px; - line-height: 26px; - letter-spacing: 1.5px; - text-transform: uppercase; + margin-bottom: 20px; + font-size: 18px; + line-height: 26px; + letter-spacing: 1.5px; + text-transform: uppercase; } - #comments .comment-list { - list-style: none; - padding-left: 0px; + list-style: none; + padding-left: 0px; } - #comments .comment-list .pingback { - border-bottom: 1px solid #e9e9e9; - padding: 20px 0; - margin: 0; + border-bottom: 1px solid #e9e9e9; + padding: 20px 0; + margin: 0; } - #comments .comment-list .pingback p { - margin: 0px; + margin: 0px; } - #comments .comment-list .pingback:last-child { - margin-bottom: 40px; + margin-bottom: 40px; } - #comments .comment-content.entry-content { - margin-bottom: 0px; + margin-bottom: 0px; } - #comments .comment { - list-style: none; - margin: 30px 0; + list-style: none; + margin: 30px 0; } - #comments .comment .avatar { - width: 60px; - float: left; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + width: 60px; + float: left; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } - #comments .comment .comment-wrapper { - margin-left: 90px; - padding: 25px 30px 15px 30px; - background: #f8f9f9; - position: relative; + margin-left: 90px; + padding: 25px 30px 15px 30px; + background: #f8f9f9; + position: relative; } - #comments .comment .comment-wrapper:before { - border-color: transparent #f6f7f9 transparent transparent; - border-style: solid; - border-width: 0 10px 10px 0; - content: ""; - height: 0; - left: -9px; - position: absolute; - top: 0; - width: 0; + border-color: rgba(0, 0, 0, 0) #f6f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); + border-style: solid; + border-width: 0 10px 10px 0; + content: ""; + height: 0; + left: -9px; + position: absolute; + top: 0; + width: 0; } - #comments .comment .comment-wrapper .comment-meta .comment-time, #comments .comment .comment-wrapper .comment-meta .comment-reply-link, #comments .comment .comment-wrapper .comment-meta .comment-edit-link { - color: #aaaaaa; - text-transform: uppercase; - letter-spacing: 0.3px; - font-size: 11px; + color: #aaaaaa; + text-transform: uppercase; + letter-spacing: 0.3px; + font-size: 11px; } - #comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover { - color: #03c4eb; + color: #03c4eb; } - #comments .comment .comment-wrapper .comment-meta .comment-time:after, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:after, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:after { - content: "/"; - padding: 0px 5px; + content: "/"; + padding: 0px 5px; } - #comments .comment .comment-wrapper .comment-meta a:last-child:after { - content: ""; + content: ""; } - #comments .comment .comment-wrapper .comment-meta cite .fn { - font-weight: bold; - font-style: normal; - margin-right: 5px; - text-transform: uppercase; - letter-spacing: 1.5px; - font-size: 14px; + font-weight: bold; + font-style: normal; + margin-right: 5px; + text-transform: uppercase; + letter-spacing: 1.5px; + font-size: 14px; } - #comments .comment .comment-wrapper .comment-meta cite span { - padding: 3px 10px; - background: #e9e9e9; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - margin-right: 10px; + padding: 3px 10px; + background: #e9e9e9; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + margin-right: 10px; } - #comments .comment .comment-wrapper a { - text-decoration: none; + text-decoration: none; } - #comments .comment .children { - padding-left: 30px; + padding-left: 30px; } - #comments .comment .children .children { - padding-left: 30px; + padding-left: 30px; } - #comments .comment .children .children .children { - padding-left: 0px; + padding-left: 0px; } - @media screen and (min-width: 940px) { - #comments .comment .children { - padding-left: 90px; - } - #comments .comment .children .children { - padding-left: 90px; - } - #comments .comment .children .children .children { - padding-left: 90px; - } + #comments .comment .children { + padding-left: 90px; + } + #comments .comment .children .children { + padding-left: 90px; + } + #comments .comment .children .children .children { + padding-left: 90px; + } } - #comments .form-allowed-tags { - display: none; + display: none; } - #comments a { - text-decoration: none; + text-decoration: none; } - #comments a:hover { - text-decoration: underline; + text-decoration: underline; } .right-sidebar .comment-respond textarea, .left-sidebar .comment-respond textarea { - width: 100%; + width: 100%; } /* Comment Form ------------------------------*/ #respond { - padding-top: 20px; + padding-top: 20px; } - #respond .comment-form label { - display: block; - margin-bottom: 4px; + display: block; + margin-bottom: 4px; } - #respond .form-allowed-tags { - font-size: 12px; + font-size: 12px; } - #respond .form-allowed-tags code { - background: none; + background: none; } - #respond .comment-reply-title { - font-size: 18px; - letter-spacing: 1.5px; - margin-bottom: 20px; - text-transform: uppercase; + font-size: 18px; + letter-spacing: 1.5px; + margin-bottom: 20px; + text-transform: uppercase; } - #respond .comment-notes { - display: none; + display: none; } - #respond label { - font-size: 13px; - text-transform: uppercase; - letter-spacing: 1.5px; + font-size: 13px; + text-transform: uppercase; + letter-spacing: 1.5px; } .full-screen .comments-area { - max-width: 1110px; - margin: 0 auto; + max-width: 1110px; + margin: 0 auto; } /* woocommerce ------------------------------*/ .woocommerce div.product form.cart .variations td.label { - color: #777; + color: #777; } /*-------------------------------------------------------------- @@ -1837,207 +1696,194 @@ h6, p, ul, ol, dl, blockquote, pre { /* Button ------------------------------*/ .btn { - text-transform: uppercase; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; - font-size: 13px; - font-size: 0.8125rem; - font-weight: 600; + text-transform: uppercase; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; + font-size: 13px; + font-size: 0.8125rem; + font-weight: 600; } - .btn:active, .btn:focus { - outline: none; + outline: none; } .btn-lg { - font-size: 17px; - font-size: 1.0625rem; + font-size: 17px; + font-size: 1.0625rem; } .btn-theme-primary { - background: #03c4eb; - color: #FFFFFF; + background: #03c4eb; + color: #FFFFFF; } - .btn-theme-primary:hover { - color: #FFFFFF; + color: #FFFFFF; } .btn-theme-primary-outline { - background-color: transparent; - background-image: none; - border-color: #03c4eb; - color: #03c4eb; + background-color: transparent; + background-image: none; + border-color: #03c4eb; + color: #03c4eb; } - .btn-theme-primary-outline:hover { - color: #FFF; - background-color: #03c4eb; - border-color: #03c4eb; + color: #FFF; + background-color: #03c4eb; + border-color: #03c4eb; } /* Loading ------------------------------*/ .slider-spinner { - width: 40px; - height: 40px; - position: relative; - margin: 100px auto; + width: 40px; + height: 40px; + position: relative; + margin: 100px auto; } .double-bounce1, .double-bounce2 { - width: 100%; - height: 100%; - border-radius: 50%; - background-color: #fff; - opacity: 0.6; - position: absolute; - top: 0; - left: 0; - -webkit-animation: sk-bounce 2.0s infinite ease-in-out; - animation: sk-bounce 2.0s infinite ease-in-out; + width: 100%; + height: 100%; + border-radius: 50%; + background-color: #fff; + opacity: 0.6; + position: absolute; + top: 0; + left: 0; + -webkit-animation: sk-bounce 2.0s infinite ease-in-out; + animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { - -webkit-animation-delay: -1.0s; - animation-delay: -1.0s; + -webkit-animation-delay: -1.0s; + animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { - 0%, 100% { - -webkit-transform: scale(0); - } - 50% { - -webkit-transform: scale(1); - } + 0%, 100% { + -webkit-transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + } } - @keyframes sk-bounce { - 0%, 100% { - transform: scale(0); - -webkit-transform: scale(0); - } - 50% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0%, 100% { + transform: scale(0); + -webkit-transform: scale(0); + } + 50% { + transform: scale(1); + -webkit-transform: scale(1); + } } - /* WP 4.7 Shortcut */ section > .customize-partial-edit-shortcut { - z-index: 95; + z-index: 95; } - section > .customize-partial-edit-shortcut button { - left: 30px; + left: 30px; } /*-------------------------------------------------------------- 7.0 Widgets --------------------------------------------------------------*/ .sidebar .widget { - margin-bottom: 40px; + margin-bottom: 40px; } - .sidebar .widget .widget-title { - font-size: 15px; - text-transform: uppercase; - letter-spacing: 2px; - margin-bottom: 13px; - font-weight: 700; + font-size: 15px; + text-transform: uppercase; + letter-spacing: 2px; + margin-bottom: 13px; + font-weight: 700; } - .sidebar .widget ul { - list-style: none; - padding: 0px; + list-style: none; + padding: 0px; } - .sidebar .widget ul:after { - clear: both; - content: "."; - display: block; - height: 0; - visibility: hidden; + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; } - .sidebar .widget a { - color: #777777; - font-size: 14px; + color: #777777; + font-size: 14px; } - .sidebar .widget a:hover { - color: #03c4eb; - text-decoration: underline; + color: #03c4eb; + text-decoration: underline; } /* Search ------------------------------*/ .sidebar .widget .search-form .search-field { - width: 100% !important; - padding: 10px 15px; - padding: 0.625rem 0.9375rem; + width: 100% !important; + padding: 10px 15px; + padding: 0.625rem 0.9375rem; } - .sidebar .widget .search-form .search-submit { - padding: 12px 23px 12px; - width: 93%; + padding: 12px 23px 12px; + width: 93%; } /* Recent Comment ------------------------------*/ .widget_recent_comments ul { - margin-top: 25px; + margin-top: 25px; } - .widget_recent_comments ul li { - margin-bottom: 20px; - padding-bottom: 20px; - border-bottom: 1px solid #e9e9e9; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: 1px solid #e9e9e9; } - .widget_recent_comments ul a { - font-style: italic; + font-style: italic; } - .widget_recent_comments .comment-author-link a { - font-weight: bold; - font-style: normal; + font-weight: bold; + font-style: normal; } /* Recent Categories, Archive, Meta ------------------------------*/ .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li { - float: left; - margin-bottom: 0; - width: 50%; + float: left; + margin-bottom: 0; + width: 50%; } - @media screen and (min-width: 720px) { - .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li { - width: 50%; - } + .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li { + width: 50%; + } } - @media screen and (min-width: 940px) { - .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li { - width: 100%; - float: none; - } + .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li { + width: 100%; + float: none; + } } - @media screen and (min-width: 1140px) { - .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li { - width: 50%; - float: left; - } + .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li { + width: 50%; + float: left; + } } .widget_recent_entries ul li { - margin: 0px; - padding: 10px 0px 10px 0px; - border-bottom: 1px solid #e9e9e9; + margin: 0px; + padding: 10px 0px 10px 0px; + border-bottom: 1px solid #e9e9e9; +} + +.sidebar .widget_calendar a { + color: #03c4eb; + text-decoration: underline; } /*-------------------------------------------------------------- @@ -2046,1237 +1892,1119 @@ section > .customize-partial-edit-shortcut button { /* Section Stuffs ------------------------------*/ .section-padding { - padding: 70px 0px; - padding: 4.375rem 0px; + padding: 70px 0px; + padding: 4.375rem 0px; } .section-padding-lg { - padding: 90px 0px; - padding: 5.625rem 0px; + padding: 90px 0px; + padding: 5.625rem 0px; } .section-padding-larger { - padding: 140px 0px; - padding: 8.75rem 0px; + padding: 140px 0px; + padding: 8.75rem 0px; } .section-meta { - background-color: #f8f9f9; + background-color: #f8f9f9; } .onepage-section { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } - .onepage-section:before { - position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - display: block; - content: " "; - z-index: 1; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + display: block; + content: " "; + z-index: 1; } - .onepage-section .container { - position: relative; - z-index: 5; + position: relative; + z-index: 5; } .section-inverse { - background: #222222; + background: #222222; } - .section-inverse .section-title-area .section-title { - color: rgba(255, 255, 255, 0.99); + color: rgba(255, 255, 255, 0.99); } - .section-inverse .section-title-area .section-subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); } - .section-inverse .section-title-area .section-subtitle::after { - background: rgba(255, 255, 255, 0.8); + background: rgba(255, 255, 255, 0.8); } .section-inverse-extended { - background: #333333; + background: #333333; } - .section-inverse-extended .section-title-area .section-title { - color: rgba(255, 255, 255, 0.99); + color: rgba(255, 255, 255, 0.99); } - .section-inverse-extended .section-title-area .section-subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); } - .section-inverse-extended .section-title-area .section-subtitle::after { - background: rgba(255, 255, 255, 0.8); + background: rgba(255, 255, 255, 0.8); } .section-inverse { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); } - .section-inverse h1, .section-inverse h2, .section-inverse h3, .section-inverse h4, .section-inverse h5, .section-inverse h6 { - color: rgba(255, 255, 255, 0.9); + color: rgba(255, 255, 255, 0.9); } - .section-inverse p { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); } .section-title-area { - margin-bottom: 60px; - text-align: center; + margin-bottom: 60px; + text-align: center; } - .section-title-area .section-title { - font-size: 30px; - letter-spacing: 2px; - font-weight: 800; - position: relative; - margin-bottom: 0px; - text-transform: uppercase; + font-size: 30px; + letter-spacing: 2px; + font-weight: 800; + position: relative; + margin-bottom: 0px; + text-transform: uppercase; } - @media screen and (min-width: 940px) { - .section-title-area .section-title { - font-size: 40px; - letter-spacing: 3.5px; - } + .section-title-area .section-title { + font-size: 40px; + letter-spacing: 3.5px; + } } - .section-title-area .section-subtitle { - color: #aaaaaa; - font-size: 12px; - display: inline-block; - position: relative; - margin-bottom: 13px; - margin-bottom: 0.8125rem; - text-transform: uppercase; - letter-spacing: 2px; + color: #aaaaaa; + font-size: 12px; + display: inline-block; + position: relative; + margin-bottom: 13px; + margin-bottom: 0.8125rem; + text-transform: uppercase; + letter-spacing: 2px; } - @media screen and (min-width: 940px) { - .section-title-area .section-subtitle { - font-size: 14px; - } + .section-title-area .section-subtitle { + font-size: 14px; + } } .section-desc { - font-size: 20px; - font-size: 1.25rem; - margin-top: 40px; - margin-top: 2.5rem; + font-size: 20px; + font-size: 1.25rem; + margin-top: 40px; + margin-top: 2.5rem; } /* Section: Hero ------------------------------*/ .hero-slideshow-wrapper { - width: 100%; - position: relative; - background-color: #222222; - overflow: hidden; - /* Loading icon */ + width: 100%; + position: relative; + background-color: #222222; + overflow: hidden; + /* Loading icon */ } - .hero-slideshow-wrapper:after { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.3); - display: block; - content: ""; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.3); + display: block; + content: ""; } - .hero-slideshow-wrapper .hero__content .hero-large-text, .hero-slideshow-wrapper .hero__content .hero-small-text, .hero-slideshow-wrapper .hero__content .btn { - visibility: hidden; - opacity: 0; - -webkit-transform: translateY(100px); - transform: translateY(100px); - -webkit-transition: all .5s linear; - transition: all .5s linear; + visibility: hidden; + opacity: 0; + -webkit-transform: translateY(100px); + transform: translateY(100px); + -webkit-transition: all .5s linear; + transition: all .5s linear; } - .hero-slideshow-wrapper .hero__content .hero-large-text { - -webkit-transition-delay: 0.7s; - /* Safari */ - transition-delay: 0.7s; + -webkit-transition-delay: 0.7s; + /* Safari */ + transition-delay: 0.7s; } - .hero-slideshow-wrapper .hero__content .hero-small-text { - -webkit-transition-delay: 0.8s; - /* Safari */ - transition-delay: 0.8s; + -webkit-transition-delay: 0.8s; + /* Safari */ + transition-delay: 0.8s; } - .hero-slideshow-wrapper .hero__content .btn { - -webkit-transition-delay: 1s; - /* Safari */ - transition-delay: 1s; + -webkit-transition-delay: 1s; + /* Safari */ + transition-delay: 1s; } - .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn { - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; } - .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text { - -webkit-transition-delay: 0s; - /* Safari */ - transition-delay: 0s; + -webkit-transition-delay: 0s; + /* Safari */ + transition-delay: 0s; } - .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text { - -webkit-transition-delay: 0s; - /* Safari */ - transition-delay: 0s; + -webkit-transition-delay: 0s; + /* Safari */ + transition-delay: 0s; } - .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn { - -webkit-transition-delay: 0s; - /* Safari */ - transition-delay: 0s; + -webkit-transition-delay: 0s; + /* Safari */ + transition-delay: 0s; } - .hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text, .hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text, .hero-slideshow-wrapper.loaded .container .hero__content .btn { - visibility: visible; - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + visibility: visible; + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } - .hero-slideshow-wrapper .slider-spinner { - position: absolute; - top: 50%; - left: 50%; - z-index: 9999999; - margin: 0px; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + position: absolute; + top: 50%; + left: 50%; + z-index: 9999999; + margin: 0px; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } .is-customize-preview .slider-spinner { - display: none !important; + display: none !important; } - .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .btn { - visibility: visible; - opacity: 1; - -webkit-transform: translateY(0px); - transform: translateY(0px); - -webkit-transition: all 0s linear; - transition: all 0s linear; + visibility: visible; + opacity: 1; + -webkit-transform: translateY(0px); + transform: translateY(0px); + -webkit-transition: all 0s linear; + transition: all 0s linear; } - .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text { - -webkit-transition-delay: 0s; - /* Safari */ - transition-delay: 0s; + -webkit-transition-delay: 0s; + /* Safari */ + transition-delay: 0s; } - .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text { - -webkit-transition-delay: 0s; - /* Safari */ - transition-delay: 0s; + -webkit-transition-delay: 0s; + /* Safari */ + transition-delay: 0s; } - .is-customize-preview .hero-slideshow-wrapper .hero__content .btn { - -webkit-transition-delay: 0s; - /* Safari */ - transition-delay: 0s; + -webkit-transition-delay: 0s; + /* Safari */ + transition-delay: 0s; } - .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn { - -webkit-transition-duration: 0s; - transition-duration: 0s; + -webkit-transition-duration: 0s; + transition-duration: 0s; } - .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text { - -webkit-transition-delay: 0s; - /* Safari */ - transition-delay: 0s; + -webkit-transition-delay: 0s; + /* Safari */ + transition-delay: 0s; } - .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text { - -webkit-transition-delay: 0s; - /* Safari */ - transition-delay: 0s; + -webkit-transition-delay: 0s; + /* Safari */ + transition-delay: 0s; } - .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn { - -webkit-transition-delay: 0s; - /* Safari */ - transition-delay: 0s; + -webkit-transition-delay: 0s; + /* Safari */ + transition-delay: 0s; } - .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .btn { - visibility: visible; - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + visibility: visible; + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } .hero-slideshow-normal .container { - padding: 10% 0px; - position: relative; - z-index: 80; + padding: 10% 0px; + position: relative; + z-index: 80; } .hero-slideshow-fullscreen .container { - z-index: 80; - position: relative; - top: 50%; - transform: translateY(-50%); + z-index: 80; + position: relative; + top: 50%; + transform: translateY(-50%); } .hero__content { - color: #FFF; - text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); - font-size: 18px; - font-size: 1.125rem; - font-weight: 300; + color: #FFF; + text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); + font-size: 18px; + font-size: 1.125rem; + font-weight: 300; } - .hero__content h1, .hero__content h2, .hero__content h3, .hero__content h4, .hero__content h5, .hero__content h6 { - color: #FFF; - letter-spacing: 2px; - text-transform: uppercase; + color: #FFF; + letter-spacing: 2px; + text-transform: uppercase; } - .hero__content a.btn { - margin: 10px 10px 20px 0px; - margin: 0.625rem 0.625rem 1.25rem 0px; + margin: 10px 10px 20px 0px; + margin: 0.625rem 0.625rem 1.25rem 0px; } - .hero__content p { - margin-bottom: 20px; - margin-bottom: 1.25rem; + margin-bottom: 20px; + margin-bottom: 1.25rem; } - .hero__content .btn-secondary-outline { - box-shadow: none; - border-color: rgba(255, 255, 255, 0.9); - color: rgba(255, 255, 255, 0.9); + box-shadow: none; + border-color: rgba(255, 255, 255, 0.9); + color: rgba(255, 255, 255, 0.9); } - .hero__content .btn-secondary-outline:hover { - background: #FFF; - color: #333; + background: #FFF; + color: #333; } /* Hero Content Style 2. */ .hero-content-style2 h1 { - font-weight: 800; - font-size: 50px; - font-size: 3.125rem; - letter-spacing: 3px; + font-weight: 800; + font-size: 50px; + font-size: 3.125rem; + letter-spacing: 3px; } - .hero-content-style2 .hcl2-content { - padding: 50px 0px; - padding: 3.125rem 0px; + padding: 50px 0px; + padding: 3.125rem 0px; } - .hero-content-style2 .hcl2-image { - text-align: right; + text-align: right; } - @media (max-width: 1199px) { - .hero-content-style2 .hcl2-content, .hero-content-style2 .hcl2-image { - text-align: center; - } + .hero-content-style2 .hcl2-content, .hero-content-style2 .hcl2-image { + text-align: center; + } } /* Hero Text Style1. */ .hero-content-style1 { - text-align: center; + text-align: center; } - .hero-content-style1 h2 { - color: #FFFFFF; - font-size: 35px; - letter-spacing: 2px; - line-height: 1.3; - text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); - font-weight: 800; - text-transform: uppercase; + color: #FFFFFF; + font-size: 35px; + letter-spacing: 2px; + line-height: 1.3; + text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); + font-weight: 800; + text-transform: uppercase; } - @media screen and (min-width: 720px) { - .hero-content-style1 h2 { - font-size: 60px; - letter-spacing: 3px; - } + .hero-content-style1 h2 { + font-size: 60px; + letter-spacing: 3px; + } } - @media screen and (min-width: 940px) { - .hero-content-style1 h2 { - font-size: 75px; - letter-spacing: 4px; - } + .hero-content-style1 h2 { + font-size: 75px; + letter-spacing: 4px; + } } - .hero-content-style1 h2 strong { - font-weight: 900; + font-weight: 900; } - .hero-content-style1 p { - font-size: 14px; - font-style: italic; - letter-spacing: 0.4px; - text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); - color: #FFFFFF; - text-align: center; - font-weight: 100; - margin-bottom: 30px; - margin-bottom: 1.875rem; + font-size: 14px; + font-style: italic; + letter-spacing: 0.4px; + text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); + color: #FFFFFF; + text-align: center; + font-weight: 100; + margin-bottom: 30px; + margin-bottom: 1.875rem; } - @media screen and (min-width: 940px) { - .hero-content-style1 p { - font-size: 18px; - } + .hero-content-style1 p { + font-size: 18px; + } } - @media screen and (min-width: 1140px) { - .hero-content-style1 p { - font-size: 22px; - } + .hero-content-style1 p { + font-size: 22px; + } } - .hero-content-style1 p strong { - letter-spacing: -0.6px; + letter-spacing: -0.6px; } - @media (max-width: 767px) { - .hero-content-style1 .btn { - display: inline-block; - } + .hero-content-style1 .btn { + display: inline-block; + } } - .hero-content-style1 a:active, .hero-content-style1 a:focus, .hero-content-style1 .btn:active, .hero-content-style1 .btn:focus { - outline: none; + outline: none; } #hero .btn { - box-shadow: none; + box-shadow: none; } .header-transparent #hero .container .hero__content { - margin-top: 70px; + margin-top: 70px; } /* Text Rotator */ .morphext > .animated { - display: inline-block; + display: inline-block; } /* Section: Features ------------------------------*/ .icon-background-default { - color: #03c4eb; + color: #03c4eb; } .feature-item { - text-align: center; + text-align: center; } - .feature-item .feature-icon { - color: #fff; + color: #fff; } - .feature-item .fa-5x { - font-size: 4em; + font-size: 4em; } - .feature-item:hover .icon-background-default { - color: #333333; - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); + color: #333333; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } - @media screen and (min-width: 940px) { - .feature-item.col-lg-3:nth-child(4n+1), .feature-item.col-lg-4:nth-child(3n+1), .feature-item.col-lg-6:nth-child(2n+1) { - clear: left; - } + .feature-item.col-lg-3:nth-child(4n+1), .feature-item.col-lg-4:nth-child(3n+1), .feature-item.col-lg-6:nth-child(2n+1) { + clear: left; + } } .feature-media { - text-align: center; - margin-bottom: 20px; + text-align: center; + margin-bottom: 20px; } /* Section: About Us ------------------------------*/ .section-about .about-image { - text-align: center; + text-align: center; } - .section-about .about-image img { - margin-bottom: 30px; + margin-bottom: 30px; } /* Section: Services ------------------------------*/ .section-services .service-item { - background: #FFFFFF; - padding: 30px; - margin-bottom: 30px; - position: relative; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); - transition: all 100ms ease-out 0s; + background: #FFFFFF; + padding: 30px; + margin-bottom: 30px; + position: relative; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); + transition: all 100ms ease-out 0s; } - @media screen and (max-width: 720px) { - .section-services .service-item { - padding: 20px; - } + .section-services .service-item { + padding: 20px; + } } - .section-services .service-item:after { - content: ""; - display: table; - clear: both; - clear: both; + content: ""; + display: table; + clear: both; + clear: both; } - .section-services .service-item:hover { - box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09); + box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09); } - .section-services .service-item .service-image { - float: left; - margin-right: 30px; + float: left; + margin-right: 30px; } - .section-services .service-item .service-image img { - max-width: 120px; - height: auto; + max-width: 120px; + height: auto; } - .section-services .service-item .service-image i { - color: #03c4eb; + color: #03c4eb; } - @media screen and (max-width: 720px) { - .section-services .service-item .service-image { - float: none; - margin-bottom: 30px; - margin-top: 10px; - margin-right: 0px; - text-align: center; - } + .section-services .service-item .service-image { + float: none; + margin-bottom: 30px; + margin-top: 10px; + margin-right: 0px; + text-align: center; + } } - .section-services .service-item .service-thumbnail { - margin-bottom: 25px; - margin-bottom: 1.5625rem; + margin-bottom: 25px; + margin-bottom: 1.5625rem; } - .section-services .service-item .service-content { - overflow: hidden; + overflow: hidden; } - .section-services .service-item .service-content p { - margin: 0px; - font-size: 14px; - color: #777777; + margin: 0px; + font-size: 14px; + color: #777777; } - @media screen and (max-width: 720px) { - .section-services .service-item .service-content { - text-align: center; - overflow: auto; - } + .section-services .service-item .service-content { + text-align: center; + overflow: auto; + } } - .section-services .service-item .service-title { - margin-bottom: 10px; - margin-bottom: 0.625rem; - color: #333333; + margin-bottom: 10px; + margin-bottom: 0.625rem; + color: #333333; } - .section-services .service-item .service-link:before { - width: 100%; - height: 100%; - display: block; - position: absolute; - top: 0px; - left: 0px; - content: ""; + width: 100%; + height: 100%; + display: block; + position: absolute; + top: 0px; + left: 0px; + content: ""; } /* Section: Counter ------------------------------*/ .counter_item { - text-align: center; - margin-bottom: 35px; - margin-bottom: 2.1875rem; + text-align: center; + margin-bottom: 35px; + margin-bottom: 2.1875rem; } - .counter_item .counter__number { - font-size: 50px; - font-size: 3.125rem; - font-weight: 800; - color: #03c4eb; - line-height: 1; - font-family: serif, sans-serif; - text-transform: uppercase; + font-size: 50px; + font-size: 3.125rem; + font-weight: 800; + color: #03c4eb; + line-height: 1; + font-family: serif, sans-serif; + text-transform: uppercase; } - .counter_item .counter_title { - font-size: 18px; - font-size: 1.125rem; + font-size: 18px; + font-size: 1.125rem; } /* Section: Parallax ------------------------------*/ #parallax-hero { - position: relative; - background: none; - overflow: hidden; + position: relative; + background: none; + overflow: hidden; } - #parallax-hero .hero-slideshow-wrapper { - background: none; + background: none; } - #parallax-hero .hero-slideshow-wrapper::after { - background: none; + background: none; } .section-parallax, #parallax-hero { - background: none; - position: relative; - overflow: hidden; + background: none; + position: relative; + overflow: hidden; } - .section-parallax > section, .section-parallax .onepage-section, .section-parallax .section-inverse, #parallax-hero > section, #parallax-hero .onepage-section, #parallax-hero .section-inverse { - background: none; + background: none; } - .section-parallax .parallax-bg, #parallax-hero .parallax-bg { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 120%; - display: block; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - background-repeat: no-repeat; - background-attachment: scroll; - background-position: 50% 0; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 120%; + display: block; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + background-attachment: scroll; + background-position: 50% 0; } - .section-parallax .parallax-bg:before, #parallax-hero .parallax-bg:before { - content: " "; - position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - background: rgba(0, 0, 0, 0.3); - display: block; - width: 100%; - height: 100%; - z-index: 2; + content: " "; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + background: rgba(0, 0, 0, 0.3); + display: block; + width: 100%; + height: 100%; + z-index: 2; } .parallax_bg_overlay { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - z-index: 5; - opacity: 0.4; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + z-index: 5; + opacity: 0.4; } .parallax-content { - z-index: 10; - position: relative; - padding: 100px 0px; - text-align: center; + z-index: 10; + position: relative; + padding: 100px 0px; + text-align: center; } - .parallax-content h1, .parallax-content h2, .parallax-content h3, .parallax-content h4, .parallax-content h5, .parallax-content h6 { - color: #FFFFFF; - line-height: 1.5; + color: #FFFFFF; + line-height: 1.5; } - .parallax-content p, .parallax-content a { - color: #FFFFFF; + color: #FFFFFF; } /* Section: Team ------------------------------*/ .section-team .team-member { - padding: 0px 0.5px; - text-align: center; + padding: 0px 0.5px; + text-align: center; } - .section-team .row { - margin-left: -0.5px; - margin-right: -0.5px; + margin-left: -0.5px; + margin-right: -0.5px; } .team-members.row { - margin-left: 0px; - margin-left: 0rem; - margin-right: 0px; - margin-right: 0rem; + margin-left: 0px; + margin-left: 0rem; + margin-right: 0px; + margin-right: 0rem; } - @media screen and (min-width: 940px) { - .team-members.row.team-layout-4 .team-member { - width: 25%; - } - .team-members.row.team-layout-4 .team-member:nth-child(4n+1) { - clear: left; - } - .team-members.row.team-layout-3 .team-member { - width: 33.33333%; - } - .team-members.row.team-layout-3 .team-member:nth-child(3n+1) { - clear: left; - } - .team-members.row.team-layout-2 .team-member { - width: 50%; - } - .team-members.row.team-layout-2 .team-member:nth-child(2n+1) { - clear: left; - } + .team-members.row.team-layout-4 .team-member { + width: 25%; + } + .team-members.row.team-layout-4 .team-member:nth-child(4n+1) { + clear: left; + } + .team-members.row.team-layout-3 .team-member { + width: 33.3333333333%; + } + .team-members.row.team-layout-3 .team-member:nth-child(3n+1) { + clear: left; + } + .team-members.row.team-layout-2 .team-member { + width: 50%; + } + .team-members.row.team-layout-2 .team-member:nth-child(2n+1) { + clear: left; + } } - @media screen and (max-width: 940px) { - .team-members.row .team-member { - width: 50%; - } - .team-members.row .team-member:nth-child(2n+1) { - clear: left; - } + .team-members.row .team-member { + width: 50%; + } + .team-members.row .team-member:nth-child(2n+1) { + clear: left; + } } - @media screen and (max-width: 720px) { - .team-members.row .team-member { - width: 50%; - } - .team-members.row .team-member:nth-child(2n+1) { - clear: left; - } + .team-members.row .team-member { + width: 50%; + } + .team-members.row .team-member:nth-child(2n+1) { + clear: left; + } } - @media screen and (max-width: 576px) { - .team-members.row .team-member { - width: 100%; - } + .team-members.row .team-member { + width: 100%; + } } .team-member { - margin-bottom: 20px; - float: left; + margin-bottom: 20px; + float: left; } - .team-member .member-thumb { - margin-bottom: 20px; - position: relative; - overflow: hidden; + margin-bottom: 20px; + position: relative; + overflow: hidden; } - .team-member .member-thumb:hover .member-profile { - bottom: 8px; - transition: all 0.1s linear; + bottom: 8px; + transition: all 0.1s linear; } - .team-member .member-thumb:hover img { - opacity: 0.7; - transition: all 0.1s linear; + opacity: 0.7; + transition: all 0.1s linear; } - .team-member .member-thumb .member-profile { - position: absolute; - text-align: center; - bottom: -35px; - left: auto; - right: auto; - width: 100%; + position: absolute; + text-align: center; + bottom: -35px; + left: auto; + right: auto; + width: 100%; } - .team-member .member-thumb .member-profile a { - color: #000000; + color: #000000; } - .team-member .member-thumb .member-profile a .fa-inverse { - color: #ffffff; + color: #ffffff; } - .team-member .member-thumb .member-profile a:hover { - color: #03c4eb; + color: #03c4eb; } - .team-member .member-info { - margin-top: 0px; - position: relative; - z-index: 30; - text-align: center; + margin-top: 0px; + position: relative; + z-index: 30; + text-align: center; } - .team-member .member-name { - letter-spacing: 2px; - margin-bottom: 15px; - position: relative; + letter-spacing: 2px; + margin-bottom: 15px; + position: relative; } - .team-member .member-name:after { - content: ""; - display: block; - position: absolute; - left: 50%; - margin-left: -15%; - bottom: -11px; - width: 30%; - height: 1px; - background: #cccccc; + content: ""; + display: block; + position: absolute; + left: 50%; + margin-left: -15%; + bottom: -11px; + width: 30%; + height: 1px; + background: #cccccc; } - .team-member .member-position { - text-transform: uppercase; - font-size: 10px; - letter-spacing: 1.3px; + text-transform: uppercase; + font-size: 10px; + letter-spacing: 1.3px; } /* Section: News ------------------------------*/ .all-news { - text-align: center; - margin-top: 40px; - display: block; + text-align: center; + margin-top: 40px; + display: block; } .section-news .list-article, .archive .list-article, .blog .list-article { - border-top: 1px solid #e9e9e9; - padding: 25px 0px; + border-top: 1px solid #e9e9e9; + padding: 25px 0px; } - .section-news .list-article:last-of-type, .archive .list-article:last-of-type, .blog .list-article:last-of-type { - border-bottom: 1px solid #e9e9e9; + border-bottom: 1px solid #e9e9e9; } - .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb { - float: left; - margin-right: 30px; + float: left; + margin-right: 30px; } - .section-news .list-article-thumb a img:hover, .archive .list-article-thumb a img:hover, .blog .list-article-thumb a img:hover { - opacity: 0.8; + opacity: 0.8; } - @media screen and (max-width: 940px) { - .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb { - display: none; - } + .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb { + display: none; + } } - @media screen and (max-width: 720px) { - .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb { - width: 100%; - float: none; - margin-right: 0px; - margin-bottom: 30px; - display: block; - } - .section-news .list-article-thumb img, .archive .list-article-thumb img, .blog .list-article-thumb img { - width: 100%; - } + .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb { + width: 100%; + float: none; + margin-right: 0px; + margin-bottom: 30px; + display: block; + } + .section-news .list-article-thumb img, .archive .list-article-thumb img, .blog .list-article-thumb img { + width: 100%; + } } - .section-news .list-article-content, .archive .list-article-content, .blog .list-article-content { - float: none; - overflow: hidden; + float: none; + overflow: hidden; } - .section-news .list-article-meta, .archive .list-article-meta, .blog .list-article-meta { - font-size: 11px; - font-weight: bold; - text-transform: uppercase; - letter-spacing: 1.2px; - margin-bottom: 10px; + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1.2px; + margin-bottom: 10px; } - .section-news .entry-title, .archive .entry-title, .blog .entry-title { - font-size: 22px; - line-height: 1.5; + font-size: 22px; + line-height: 1.5; } - .section-news .entry-title a:hover, .archive .entry-title a:hover, .blog .entry-title a:hover { - text-decoration: none; + text-decoration: none; } - .section-news .entry-excerpt p, .archive .entry-excerpt p, .blog .entry-excerpt p { - margin-bottom: 0px; + margin-bottom: 0px; } .archive .site-main .list-article:first-child, .blog .site-main .list-article:first-of-type { - border-top: none; - padding-top: 0px; + border-top: none; + padding-top: 0px; } .page-template-template-blog .section-news .list-article { - padding: 30px 0px; + padding: 30px 0px; } - .page-template-template-blog .section-news .list-article:first-of-type { - border-top: none; - padding-top: 0px; + border-top: none; + padding-top: 0px; } - .page-template-template-blog .section-news .list-article:last-of-type { - border-bottom: none; + border-bottom: none; } .section-news.section-inverse .list-article { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid rgba(255, 255, 255, 0.2); } - .section-news.section-inverse .list-article:last-of-type { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .section-news.section-inverse h1 a, .section-news.section-inverse h2 a, .section-news.section-inverse h3 a, .section-news.section-inverse h4 a, .section-news.section-inverse h5 a { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } - .section-news.section-inverse h1 a:hover, .section-news.section-inverse h2 a:hover, .section-news.section-inverse h3 a:hover, .section-news.section-inverse h4 a:hover, .section-news.section-inverse h5 a:hover { - color: #FFF; + color: #FFF; } /* Section: Contact ------------------------------*/ .section-contact input, .section-contact textarea { - width: 100%; + width: 100%; } - .section-contact .address-contact { - margin-top: 5px; - margin-bottom: 15px; + margin-top: 5px; + margin-bottom: 15px; } - .section-contact .address-contact span { - float: left; - color: #aaaaaa; + float: left; + color: #aaaaaa; } - .section-contact .address-contact .address-content { - display: block; - padding-left: 45px; - font-style: italic; - line-height: 2; + display: block; + padding-left: 45px; + font-style: italic; + line-height: 2; } - .section-contact .address-contact .fa-inverse { - font-size: 12px; + font-size: 12px; } - .section-contact textarea { - max-height: 190px; + max-height: 190px; } .wpcf7-form { - text-transform: uppercase; - font-size: 11px; - letter-spacing: 2px; - font-weight: 600; + text-transform: uppercase; + font-size: 11px; + letter-spacing: 2px; + font-weight: 600; } - .wpcf7-form br { - margin-bottom: 5px; + margin-bottom: 5px; } - .wpcf7-form label { - width: 100%; + width: 100%; } div.wpcf7-validation-errors { - margin: 20px 0px; - padding: 15px; + margin: 20px 0px; + padding: 15px; } div.wpcf7-response-output { - margin: 20px 0px; + margin: 20px 0px; } /* Section: Videolightbox ------------------------------*/ .section-videolightbox { - text-align: center; + text-align: center; } - .section-videolightbox .videolightbox__icon { - margin-bottom: 40px; - margin-bottom: 2.5rem; + margin-bottom: 40px; + margin-bottom: 2.5rem; } - .section-videolightbox .videolightbox__heading { - text-transform: uppercase; - font-size: 38px; - font-size: 2.375rem; - letter-spacing: 0px; - font-weight: 500; + text-transform: uppercase; + font-size: 38px; + font-size: 2.375rem; + letter-spacing: 0px; + font-weight: 500; } - .section-videolightbox .videolightbox__heading strong { - font-weight: 800; + font-weight: 800; } - .section-videolightbox .video_icon { - background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; - border: 4px solid #fff; - border-radius: 100px; - height: 50px; - line-height: 1; - padding: 10px; - width: 50px; - display: inline-block; + background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; + border: 4px solid #fff; + border-radius: 100px; + height: 50px; + line-height: 1; + padding: 10px; + width: 50px; + display: inline-block; } - .section-videolightbox .video_icon i { - color: #fff; - font-size: 20px; - margin-left: 6px; - margin-top: 1px; - line-height: 1; + color: #fff; + font-size: 20px; + margin-left: 6px; + margin-top: 1px; + line-height: 1; } - .section-videolightbox .video_icon:hover { - background: #FFFFFF; + background: #FFFFFF; } - .section-videolightbox .video_icon:hover i { - color: #000; + color: #000; } /* Section: Gallery ------------------------------*/ .gallery-grid .g-item { - padding: 10px; - float: left; + padding: 10px; + float: left; } .all-gallery { - text-align: center; - margin-top: 40px; - display: block; + text-align: center; + margin-top: 40px; + display: block; } .g-zoom-in .g-item { - display: block; - overflow: hidden; + display: block; + overflow: hidden; } - .g-zoom-in .g-item .inner-content { - display: block; - width: 100%; - height: 100%; - overflow: hidden; + display: block; + width: 100%; + height: 100%; + overflow: hidden; } - .g-zoom-in .g-item img { - display: block; - overflow: hidden; - -webkit-transition: all 0.5s linear; - transition: all 0.5s linear; + display: block; + overflow: hidden; + -webkit-transition: all 0.5s linear; + transition: all 0.5s linear; } - .g-zoom-in .g-item:hover img { - -ms-transform: scale(1.5, 1.5); - /* IE 9 */ - -webkit-transform: scale(1.5, 1.5); - /* Safari */ - transform: scale(1.5, 1.5); + -ms-transform: scale(1.5, 1.5); + /* IE 9 */ + -webkit-transform: scale(1.5, 1.5); + /* Safari */ + transform: scale(1.5, 1.5); } .g-layout-full-width.container { - width: 100%; - max-width: none; - padding: 0px; + width: 100%; + max-width: none; + padding: 0px; } @media screen and (min-width: 720px) { - .g-col-1 .g-item { - width: 100%; - } - .g-col-1 .g-item:nth-child(1n+1) { - clear: left; - } - .g-col-2 .g-item { - width: 50%; - } - .g-col-2 .g-item:nth-child(2n+1) { - clear: left; - } - .g-col-3 .g-item { - width: 33.33333%; - } - .g-col-3 .g-item:nth-child(3n+1) { - clear: left; - } - .g-col-4 .g-item { - width: 25%; - } - .g-col-4 .g-item:nth-child(4n+1) { - clear: left; - } - .g-col-5 .g-item { - width: 20%; - } - .g-col-5 .g-item:nth-child(5n+1) { - clear: left; - } - .g-col-6 .g-item { - width: 16.66667%; - } - .g-col-6 .g-item:nth-child(6n+1) { - clear: left; - } + .g-col-1 .g-item { + width: 100%; + } + .g-col-1 .g-item:nth-child(1n+1) { + clear: left; + } + + .g-col-2 .g-item { + width: 50%; + } + .g-col-2 .g-item:nth-child(2n+1) { + clear: left; + } + + .g-col-3 .g-item { + width: 33.3333333333%; + } + .g-col-3 .g-item:nth-child(3n+1) { + clear: left; + } + + .g-col-4 .g-item { + width: 25%; + } + .g-col-4 .g-item:nth-child(4n+1) { + clear: left; + } + + .g-col-5 .g-item { + width: 20%; + } + .g-col-5 .g-item:nth-child(5n+1) { + clear: left; + } + + .g-col-6 .g-item { + width: 16.6666666667%; + } + .g-col-6 .g-item:nth-child(6n+1) { + clear: left; + } } - @media screen and (min-width: 576px) and (max-width: 720px) { - .g-col-1 .g-item { - width: 100%; - } - .g-col-1 .g-item:nth-child(1n+1) { - clear: left; - } - .g-col-2 .g-item { - width: 50%; - } - .g-col-2 .g-item:nth-child(2n+1) { - clear: left; - } - .g-col-3 .g-item { - width: 33.33333%; - } - .g-col-3 .g-item:nth-child(3n+1) { - clear: left; - } - .g-col-4 .g-item { - width: 25%; - } - .g-col-4 .g-item:nth-child(4n+1) { - clear: left; - } - .g-col-5 .g-item { - width: 20%; - } - .g-col-5 .g-item:nth-child(5n+1) { - clear: left; - } - .g-col-6 .g-item { - width: 16.66667%; - } - .g-col-6 .g-item:nth-child(6n+1) { - clear: left; - } + .g-col-1 .g-item { + width: 100%; + } + .g-col-1 .g-item:nth-child(1n+1) { + clear: left; + } + + .g-col-2 .g-item { + width: 50%; + } + .g-col-2 .g-item:nth-child(2n+1) { + clear: left; + } + + .g-col-3 .g-item { + width: 33.3333333333%; + } + .g-col-3 .g-item:nth-child(3n+1) { + clear: left; + } + + .g-col-4 .g-item { + width: 25%; + } + .g-col-4 .g-item:nth-child(4n+1) { + clear: left; + } + + .g-col-5 .g-item { + width: 20%; + } + .g-col-5 .g-item:nth-child(5n+1) { + clear: left; + } + + .g-col-6 .g-item { + width: 16.6666666667%; + } + .g-col-6 .g-item:nth-child(6n+1) { + clear: left; + } } - @media screen and (max-width: 576px) { - .g-col-1 .g-item { - width: 100%; - } - .g-col-1 .g-item:nth-child(1n+1) { - clear: left; - } - .g-col-2 .g-item { - width: 50%; - } - .g-col-2 .g-item:nth-child(2n+1) { - clear: left; - } - .g-col-3 .g-item { - width: 33.33333%; - } - .g-col-3 .g-item:nth-child(3n+1) { - clear: left; - } - .g-col-4 .g-item { - width: 25%; - } - .g-col-4 .g-item:nth-child(4n+1) { - clear: left; - } - .g-col-5 .g-item { - width: 20%; - } - .g-col-5 .g-item:nth-child(5n+1) { - clear: left; - } - .g-col-6 .g-item { - width: 16.66667%; - } - .g-col-6 .g-item:nth-child(6n+1) { - clear: left; - } + .g-col-1 .g-item { + width: 100%; + } + .g-col-1 .g-item:nth-child(1n+1) { + clear: left; + } + + .g-col-2 .g-item { + width: 50%; + } + .g-col-2 .g-item:nth-child(2n+1) { + clear: left; + } + + .g-col-3 .g-item { + width: 33.3333333333%; + } + .g-col-3 .g-item:nth-child(3n+1) { + clear: left; + } + + .g-col-4 .g-item { + width: 25%; + } + .g-col-4 .g-item:nth-child(4n+1) { + clear: left; + } + + .g-col-5 .g-item { + width: 20%; + } + .g-col-5 .g-item:nth-child(5n+1) { + clear: left; + } + + .g-col-6 .g-item { + width: 16.6666666667%; + } + .g-col-6 .g-item:nth-child(6n+1) { + clear: left; + } } - .gallery-justified { - width: 100%; - position: relative; - overflow: hidden; + width: 100%; + position: relative; + overflow: hidden; } - .gallery-justified img { - max-width: none; - position: absolute; - top: 50%; - left: 50%; - margin: 0; - padding: 0; - border: none; + max-width: none; + position: absolute; + top: 50%; + left: 50%; + margin: 0; + padding: 0; + border: none; } .gallery-justified > a, .gallery-justified > div { - position: absolute; - display: inline-block; - overflow: hidden; - float: left; + position: absolute; + display: inline-block; + overflow: hidden; + float: left; } .gallery-masonry { - width: 100%; - position: relative; - display: block; + width: 100%; + position: relative; + display: block; } - .gallery-masonry:affter { - clear: both; + clear: both; } - .gallery-masonry .inner { - display: block; + display: block; } /*-------------------------------------------------------------- @@ -3284,701 +3012,659 @@ div.wpcf7-response-output { --------------------------------------------------------------*/ /* Magnific Popup CSS */ .mfp-bg { - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1042; - overflow: hidden; - position: fixed; - background: #0b0b0b; - opacity: 0.8; - filter: alpha(opacity=80); + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; + filter: alpha(opacity=80); } .mfp-wrap { - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1043; - position: fixed; - outline: none !important; - -webkit-backface-visibility: hidden; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; } .mfp-container { - text-align: center; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - padding: 0 8px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .mfp-container:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } .mfp-align-top .mfp-container:before { - display: none; + display: none; } .mfp-content { - position: relative; - display: inline-block; - vertical-align: middle; - margin: 0 auto; - text-align: left; - z-index: 1045; + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { - width: 100%; - cursor: auto; + width: 100%; + cursor: auto; } .mfp-ajax-cur { - cursor: progress; + cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { - cursor: -moz-zoom-out; - cursor: -webkit-zoom-out; - cursor: zoom-out; + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } .mfp-zoom { - cursor: pointer; - cursor: -webkit-zoom-in; - cursor: -moz-zoom-in; - cursor: zoom-in; + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } .mfp-auto-cursor .mfp-content { - cursor: auto; + cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } .mfp-loading.mfp-figure { - display: none; + display: none; } .mfp-hide { - display: none !important; + display: none !important; } .mfp-preloader { - color: #CCC; - position: absolute; - top: 50%; - width: auto; - text-align: center; - margin-top: -0.8em; - left: 8px; - right: 8px; - z-index: 1044; + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } - .mfp-preloader a { - color: #CCC; + color: #CCC; } - .mfp-preloader a:hover { - color: #FFF; + color: #FFF; } .mfp-s-ready .mfp-preloader { - display: none; + display: none; } .mfp-s-error .mfp-content { - display: none; + display: none; } button.mfp-close, button.mfp-arrow { - overflow: visible; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; - display: block; - outline: none; - padding: 0; - z-index: 1046; - -webkit-box-shadow: none; - box-shadow: none; + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + -webkit-box-shadow: none; + box-shadow: none; } - button::-moz-focus-inner { - padding: 0; - border: 0; + padding: 0; + border: 0; } .mfp-close { - width: 44px; - height: 44px; - line-height: 44px; - position: absolute; - right: 0; - top: 0; - text-decoration: none; - text-align: center; - opacity: 0.65; - filter: alpha(opacity=65); - padding: 0 0 18px 10px; - color: #FFF; - font-style: normal; - font-size: 28px; - font-family: Arial, Baskerville, monospace; + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + filter: alpha(opacity=65); + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } - .mfp-close:hover, .mfp-close:focus { - opacity: 1; - filter: alpha(opacity=100); + opacity: 1; + filter: alpha(opacity=100); } - .mfp-close:active { - top: 1px; + top: 1px; } .mfp-close-btn-in .mfp-close { - color: #333; + color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { - color: #FFF; - right: -6px; - text-align: right; - padding-right: 6px; - width: 100%; + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } .mfp-counter { - position: absolute; - top: 0; - right: 0; - color: #CCC; - font-size: 12px; - line-height: 18px; - white-space: nowrap; + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; } .mfp-arrow { - position: absolute; - opacity: 0.65; - filter: alpha(opacity=65); - margin: 0; - top: 50%; - margin-top: -55px; - padding: 0; - width: 90px; - height: 110px; - -webkit-tap-highlight-color: transparent; + position: absolute; + opacity: 0.65; + filter: alpha(opacity=65); + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - .mfp-arrow:active { - margin-top: -54px; + margin-top: -54px; } - .mfp-arrow:hover, .mfp-arrow:focus { - opacity: 1; - filter: alpha(opacity=100); + opacity: 1; + filter: alpha(opacity=100); } - .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - left: 0; - top: 0; - margin-top: 35px; - margin-left: 35px; - border: medium inset transparent; + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } - .mfp-arrow:after, .mfp-arrow .mfp-a { - border-top-width: 13px; - border-bottom-width: 13px; - top: 8px; + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } - .mfp-arrow:before, .mfp-arrow .mfp-b { - border-top-width: 21px; - border-bottom-width: 21px; - opacity: 0.7; + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } .mfp-arrow-left { - left: 0; + left: 0; } - .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { - border-right: 17px solid #FFF; - margin-left: 31px; + border-right: 17px solid #FFF; + margin-left: 31px; } - .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { - margin-left: 25px; - border-right: 27px solid #3F3F3F; + margin-left: 25px; + border-right: 27px solid #3F3F3F; } .mfp-arrow-right { - right: 0; + right: 0; } - .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { - border-left: 17px solid #FFF; - margin-left: 39px; + border-left: 17px solid #FFF; + margin-left: 39px; } - .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { - border-left: 27px solid #3F3F3F; + border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { - padding-top: 40px; - padding-bottom: 40px; + padding-top: 40px; + padding-bottom: 40px; } - .mfp-iframe-holder .mfp-content { - line-height: 0; - width: 100%; - max-width: 900px; + line-height: 0; + width: 100%; + max-width: 900px; } - .mfp-iframe-holder .mfp-close { - top: -40px; + top: -40px; } .mfp-iframe-scaler { - width: 100%; - height: 0; - overflow: hidden; - padding-top: 56.25%; + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } - .mfp-iframe-scaler iframe { - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - background: #000; + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } /* Main image in popup */ img.mfp-img { - width: auto; - max-width: 100%; - height: auto; - display: block; - line-height: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 40px 0 40px; - margin: 0 auto; + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { - line-height: 0; + line-height: 0; } - .mfp-figure:after { - content: ''; - position: absolute; - left: 0; - top: 40px; - bottom: 40px; - display: block; - right: 0; - width: auto; - height: auto; - z-index: -1; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - background: #444; + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } - .mfp-figure small { - color: #BDBDBD; - display: block; - font-size: 12px; - line-height: 14px; + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } - .mfp-figure figure { - margin: 0; + margin: 0; } .mfp-bottom-bar { - margin-top: -36px; - position: absolute; - top: 100%; - left: 0; - width: 100%; - cursor: auto; + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } .mfp-title { - text-align: left; - line-height: 18px; - color: #F3F3F3; - word-wrap: break-word; - padding-right: 36px; + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; } .mfp-image-holder .mfp-content { - max-width: 100%; + max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { - cursor: pointer; + cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { - /** - * Remove all paddings around the image on small screen - */ - .mfp-img-mobile .mfp-image-holder { - padding-left: 0; - padding-right: 0; - } - .mfp-img-mobile img.mfp-img { - padding: 0; - } - .mfp-img-mobile .mfp-figure:after { - top: 0; - bottom: 0; - } - .mfp-img-mobile .mfp-figure small { - display: inline; - margin-left: 5px; - } - .mfp-img-mobile .mfp-bottom-bar { - background: rgba(0, 0, 0, 0.6); - bottom: 0; - margin: 0; - top: auto; - padding: 3px 5px; - position: fixed; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - .mfp-img-mobile .mfp-bottom-bar:empty { - padding: 0; - } - .mfp-img-mobile .mfp-counter { - right: 5px; - top: 3px; - } - .mfp-img-mobile .mfp-close { - top: 0; - right: 0; - width: 35px; - height: 35px; - line-height: 35px; - background: rgba(0, 0, 0, 0.6); - position: fixed; - text-align: center; - padding: 0; - } + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; + } + .mfp-img-mobile img.mfp-img { + padding: 0; + } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; + } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; + } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; + } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; + } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; + } } - @media all and (max-width: 900px) { - .mfp-arrow { - -webkit-transform: scale(0.75); - transform: scale(0.75); - } - .mfp-arrow-left { - -webkit-transform-origin: 0; - transform-origin: 0; - } - .mfp-arrow-right { - -webkit-transform-origin: 100%; - transform-origin: 100%; - } - .mfp-container { - padding-left: 6px; - padding-right: 6px; - } + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); + } + + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; + } + + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; + } + + .mfp-container { + padding-left: 6px; + padding-right: 6px; + } } - .mfp-ie7 .mfp-img { - padding: 0; + padding: 0; } - .mfp-ie7 .mfp-bottom-bar { - width: 600px; - left: 50%; - margin-left: -300px; - margin-top: 5px; - padding-bottom: 5px; + width: 600px; + left: 50%; + margin-left: -300px; + margin-top: 5px; + padding-bottom: 5px; } - .mfp-ie7 .mfp-container { - padding: 0; + padding: 0; } - .mfp-ie7 .mfp-content { - padding-top: 44px; + padding-top: 44px; } - .mfp-ie7 .mfp-close { - top: 0; - right: 0; - padding-top: 0; + top: 0; + right: 0; + padding-top: 0; } /* WooCommerce support */ .woocommerce-page .site-main .page-title { - display: none; + display: none; } .woocommerce-result-count { - font-style: italic; + font-style: italic; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { - margin-bottom: 1.5em; + margin-bottom: 1.5em; } .woocommerce-ordering select { - padding: 7px; - margin-top: -10px; + padding: 7px; + margin-top: -10px; } .woocommerce ul.products li.product h3 { - font-size: 18px; - font-size: 1.125rem; - margin-bottom: 7px; + font-size: 18px; + font-size: 1.125rem; + margin-bottom: 7px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt { - background-color: #03c4eb; - padding: 10px 20px; - padding: 0.625rem 1.25rem; - color: #FFF; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.5px; - font-size: 13px; - font-size: 0.8125rem; - border-radius: 2px; + background-color: #03c4eb; + padding: 10px 20px; + padding: 0.625rem 1.25rem; + color: #FFF; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + font-size: 13px; + font-size: 0.8125rem; + border-radius: 2px; } - .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover { - background: #222222; - color: #FFF; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + background: #222222; + color: #FFF; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } .woocommerce table.shop_table { - border-collapse: collapse; + border-collapse: collapse; } .woocommerce .quantity .qty { - padding: 5px; + padding: 5px; } .woocommerce span.onsale { - padding: inherit; + padding: inherit; } .related.products h2, #tab-description h2 { - font-size: 17px; - font-size: 1.0625rem; - margin-bottom: 20px; - text-transform: uppercase; - letter-spacing: 1px; + font-size: 17px; + font-size: 1.0625rem; + margin-bottom: 20px; + text-transform: uppercase; + letter-spacing: 1px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { - padding: 9px 14px; - font-weight: bold; + padding: 9px 14px; + font-weight: bold; } .woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2, .woocommerce .woocommerce-Addresses .col-1, .woocommerce .woocommerce-Addresses .col-2 { - max-width: 100%; - padding-left: 0px; - padding-right: 0px; + max-width: 100%; + padding-left: 0px; + padding-right: 0px; } - .woocommerce .woocommerce-additional-fields h3 { - margin-top: 20px; + margin-top: 20px; } - .woocommerce .cart_totals th { - text-align: left; + text-align: left; } - .woocommerce .cart_totals h2 { - font-size: 20px; - font-size: 1.25rem; + font-size: 20px; + font-size: 1.25rem; } - .woocommerce .wc-proceed-to-checkout { - text-align: center; + text-align: center; } - .woocommerce .woocommerce-order-details__title, .woocommerce .woocommerce-customer-details h2 { - font-size: 20px; - font-size: 1.25rem; + font-size: 20px; + font-size: 1.25rem; } .woocommerce ul.products li.product .price del { - display: inline-block; + display: inline-block; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { - width: 100%; - float: none; + width: 100%; + float: none; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { - display: inline-block; - margin: 0 auto; + display: inline-block; + margin: 0 auto; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { - background-color: #03c4eb; + background-color: #03c4eb; } - .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { - background-color: #03c4eb; - opacity: .8; + background-color: #03c4eb; + opacity: .8; } .woocommerce-MyAccount-navigation ul { - margin: 0px; - padding-left: 0px; + margin: 0px; + padding-left: 0px; } - .woocommerce-MyAccount-navigation li { - list-style: none; + list-style: none; } /* Breadcrumbs ------------------------------*/ .breadcrumbs { - font-size: 10px; - padding: 15px 0px; - border-bottom: 1px solid #e9e9e9; - color: #858585; + font-size: 10px; + padding: 15px 0px; + border-bottom: 1px solid #e9e9e9; + color: #858585; } - @media screen and (min-width: 720px) { - .breadcrumbs { - font-size: 12px; - } + .breadcrumbs { + font-size: 12px; + } } - .breadcrumbs i { - margin: 0px 6px; + margin: 0px 6px; } - .breadcrumbs a { - text-decoration: none; - color: #777777; - font-weight: 600; + text-decoration: none; + color: #777777; + font-weight: 600; } - .breadcrumbs a:hover { - text-decoration: underline; + text-decoration: underline; } - .breadcrumbs span { - margin-right: 20px; - position: relative; + margin-right: 20px; + position: relative; } - @media screen and (min-width: 720px) { - .breadcrumbs span { - margin-right: 40px; - } + .breadcrumbs span { + margin-right: 40px; + } } - .breadcrumbs span span { - margin-right: 0; + margin-right: 0; } - .breadcrumbs a:before { - border-bottom: 6px solid transparent; - border-left: 6px solid rgba(0, 0, 0, 0.2); - border-top: 6px solid transparent; - content: ""; - display: inline-block; - position: absolute; - right: -11px; - top: 2px; + border-bottom: 6px solid transparent; + border-left: 6px solid rgba(0, 0, 0, 0.2); + border-top: 6px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: -11px; + top: 2px; } - @media screen and (min-width: 720px) { - .breadcrumbs a:before { - right: -23px; - top: 3px; - } + .breadcrumbs a:before { + right: -23px; + top: 3px; + } } - .breadcrumbs a:after { - border-bottom: 5px solid transparent; - border-left: 5px solid #ffffff; - border-top: 5px solid transparent; - content: ""; - display: inline-block; - position: absolute; - right: -10px; - top: 3px; + border-bottom: 5px solid transparent; + border-left: 5px solid #ffffff; + border-top: 5px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: -10px; + top: 3px; } - @media screen and (min-width: 720px) { - .breadcrumbs a:after { - right: -22px; - top: 4px; - } + .breadcrumbs a:after { + right: -22px; + top: 4px; + } } /* Coursel and slider */ @@ -3988,106 +3674,100 @@ img.mfp-img { */ /* clearfix */ .owl-carousel .owl-wrapper:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; } /* display none until init */ .owl-carousel { - display: none; - position: relative; - width: 100%; - -ms-touch-action: pan-y; + display: none; + position: relative; + width: 100%; + -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { - display: none; - position: relative; - -webkit-transform: translate3d(0px, 0px, 0px); + display: none; + position: relative; + -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { - overflow: hidden; - position: relative; - width: 100%; + overflow: hidden; + position: relative; + width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { - -webkit-transition: height 500ms ease-in-out; - -moz-transition: height 500ms ease-in-out; - -ms-transition: height 500ms ease-in-out; - -o-transition: height 500ms ease-in-out; - transition: height 500ms ease-in-out; + -webkit-transition: height 500ms ease-in-out; + -moz-transition: height 500ms ease-in-out; + -ms-transition: height 500ms ease-in-out; + -o-transition: height 500ms ease-in-out; + transition: height 500ms ease-in-out; } .owl-carousel .owl-item { - float: left; + float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { - cursor: pointer; + cursor: pointer; } .owl-controls { - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: transparent; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); } .owl-carousel .g-item { - display: block; + display: block; } - .owl-carousel .owl-buttons > div { - position: absolute; - top: 50%; - background-color: rgba(0, 0, 0, 0.45); - border-radius: 2px; - color: #999; - cursor: pointer; - display: block; - font-size: 22px; - margin-top: 0px; - padding: 4px 10px 5px; - transform: translateY(-50%); + position: absolute; + top: 50%; + background-color: rgba(0, 0, 0, 0.45); + border-radius: 2px; + color: #999; + cursor: pointer; + display: block; + font-size: 22px; + margin-top: 0px; + padding: 4px 10px 5px; + transform: translateY(-50%); } - .owl-carousel .owl-buttons > div:hover { - background-color: rgba(0, 0, 0, 0.6); - color: #fff; + background-color: rgba(0, 0, 0, 0.6); + color: #fff; } - .owl-carousel .owl-buttons .owl-prev { - left: 15px; + left: 15px; } - .owl-carousel .owl-buttons .owl-prev .lg-icon::before { - content: "\e094"; + content: "\e094"; } - .owl-carousel .owl-buttons .owl-next { - right: 15px; + right: 15px; } - .owl-carousel .owl-buttons .owl-next .lg-icon::before { - content: "\e095"; + content: "\e095"; } From 03b06d8e67e15d40fbc0162bf483d96656980715 Mon Sep 17 00:00:00 2001 From: congthien Date: Wed, 23 Aug 2017 10:03:18 +0700 Subject: [PATCH 2/9] fixed hero primary button focus color --- assets/sass/_sections.scss | 3 +++ style.css | 3 +++ 2 files changed, 6 insertions(+) diff --git a/assets/sass/_sections.scss b/assets/sass/_sections.scss index 449d2485..1da3f9a4 100644 --- a/assets/sass/_sections.scss +++ b/assets/sass/_sections.scss @@ -400,6 +400,9 @@ .btn { box-shadow: none; } + .btn-theme-primary:focus { + color: #fff; + } } .header-transparent { diff --git a/style.css b/style.css index 22416748..9b297fb4 100644 --- a/style.css +++ b/style.css @@ -2266,6 +2266,9 @@ section > .customize-partial-edit-shortcut button { #hero .btn { box-shadow: none; } +#hero .btn-theme-primary:focus { + color: #fff; +} .header-transparent #hero .container .hero__content { margin-top: 70px; From 5b7b38163429fc0e818929203e40b62bbc65d0cd Mon Sep 17 00:00:00 2001 From: TruongSa Date: Mon, 28 Aug 2017 10:04:45 +0700 Subject: [PATCH 3/9] Improve section counter --- section-parts/section-counter.php | 22 ++++++++++------------ 1 file changed, 10 insertions(+), 12 deletions(-) diff --git a/section-parts/section-counter.php b/section-parts/section-counter.php index f1bc617c..93cd6eeb 100644 --- a/section-parts/section-counter.php +++ b/section-parts/section-counter.php @@ -1,10 +1,10 @@ - + -
+
class="">
- +
- ' . esc_html($onepress_counter_subtitle) . ''; ?> - ' . esc_html($onepress_counter_title) . ''; ?> + ' . esc_html($subtitle) . ''; ?> + ' . esc_html($title) . ''; ?> ' . apply_filters( 'onepress_the_content', wp_kses_post( $desc ) ) . '
'; } ?> @@ -67,7 +67,6 @@ class=" -
@@ -82,7 +81,6 @@ class="
- Date: Mon, 28 Aug 2017 11:14:22 +0700 Subject: [PATCH 4/9] Improve sections and fixed #231 --- assets/js/theme.js | 13 +- assets/sass/_structure.scss | 1090 ++++++++++++++-------------- section-parts/section-about.php | 32 +- section-parts/section-hero.php | 22 +- section-parts/section-news.php | 32 +- section-parts/section-services.php | 20 +- section-parts/section-team.php | 22 +- style.css | 29 +- 8 files changed, 631 insertions(+), 629 deletions(-) diff --git a/assets/js/theme.js b/assets/js/theme.js index 1db49bf6..ef126d74 100644 --- a/assets/js/theme.js +++ b/assets/js/theme.js @@ -129,7 +129,6 @@ jQuery( document ).ready( function( $ ) { } var header_fixed = $('.site-header').eq(0); - $( document ).scroll( function(){ var header_parent = header_fixed.parent(); var p_to_top = header_parent.offset().top; @@ -143,17 +142,6 @@ jQuery( document ).ready( function( $ ) { } } - // Set wrapper height - /* - var header_h = header_fixed.height() || 0; - - - $wrap.height( '' ); - if ( ! is_transparent){ - $wrap.height( header_h + topbar ); - } - */ - if( st > p_to_top && st > 0 ) { $wrap.addClass( 'is-fixed').removeClass( 'no-scroll' ); header_fixed.addClass('header-fixed'); @@ -165,6 +153,7 @@ jQuery( document ).ready( function( $ ) { } }); + } diff --git a/assets/sass/_structure.scss b/assets/sass/_structure.scss index 66af9bbc..8851803a 100644 --- a/assets/sass/_structure.scss +++ b/assets/sass/_structure.scss @@ -3,649 +3,661 @@ /* Header ------------------------------*/ .site-header { - line-height: 75px; - position: relative; - width: 100%; - background: #FFFFFF; - z-index: 99; - -webkit-transition: all 1s ease-out; /* Safari */ - transition: all .5s ease-out; + line-height: 75px; + position: relative; + width: 100%; + background: #FFFFFF; + z-index: 99; + -webkit-transition: all 1s ease-out; /* Safari */ + transition: all .5s ease-out; } + .site-header-wrapper { - display: block; + display: block; + height: 75px; } -.no-sticky-header.header-transparent .site-header{ - #nav-toggle { - span { - background-color: #ffffff; - &::before, &::after { - background-color: #ffffff; - } - } - &.nav-is-visible { - span { - background-color: transparent; - } +.no-sticky-header.header-transparent .site-header { + #nav-toggle { + span { + background-color: #ffffff; + &::before, &::after { + background-color: #ffffff; + } + } + &.nav-is-visible { + span { + background-color: transparent; + } + } } - } } -.header-transparent .no-scroll .site-header{ - background: transparent; - position: fixed; - #nav-toggle { - span { - background-color: #ffffff; - &::before, &::after { - background-color: #ffffff; - } - } - &.nav-is-visible { - span { - background-color: transparent; - } +.header-transparent .no-scroll .site-header { + background: transparent; + position: fixed; + #nav-toggle { + span { + background-color: #ffffff; + &::before, &::after { + background-color: #ffffff; + } + } + &.nav-is-visible { + span { + background-color: transparent; + } + } } - } } + @include for(large-screens) { - .header-transparent .no-scroll .site-header { - .onepress-menu > li > a { - color: rgba(255, 255, 255, 0.9); + .header-transparent .no-scroll .site-header { + .onepress-menu > li > a { + color: rgba(255, 255, 255, 0.9); + } } - } } -.no-sticky-header.page-template-template-frontpage.header-transparent .site-header{ - background: transparent; - position: absolute; +.no-sticky-header.page-template-template-frontpage.header-transparent .site-header { + background: transparent; + position: absolute; } .site-header.header-fixed { - box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06); + box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06); } .sticky-header #page > .site-header, .sticky-header .header-fixed { - position: fixed; + position: fixed; } + .sticky-header .header-fixed { - top: 0px; - left: 0px; + top: 0px; + left: 0px; } .header-transparent .hero-slideshow-fullscreen .hero__content { - @include rem('padding-top', 50px); + @include rem('padding-top', 50px); } .site-branding { - float: left; + float: left; } .site-branding { - .site-title, .site-text-logo { - margin: 0px; - line-height: 1; - font-family: $font_heading; - font-size: 23px; - letter-spacing: 1px; - text-transform: uppercase; - color: #000000; - display: initial; - vertical-align: middle; - font-weight: 600; - &:hover { - text-decoration: none; - } - } - .site-title { - display: inline-block; - } - .site-image-logo { - display: block; - - } - .site-logo-div { - line-height: 75px; - } - - .no-logo-img.has-desc, .has-logo-img{ - line-height: 60px; + .site-title, .site-text-logo { + margin: 0px; + line-height: 1; + font-family: $font_heading; + font-size: 23px; + letter-spacing: 1px; + text-transform: uppercase; + color: #000000; + display: initial; + vertical-align: middle; + font-weight: 600; + &:hover { + text-decoration: none; + } + } .site-title { - margin-top: -5px; - position: relative; + display: inline-block; + } + .site-image-logo { + display: block; + + } + .site-logo-div { + line-height: 75px; } - .site-description { - font-size: 12px; - line-height: 14px; - margin-bottom: 0; - position: relative; - top: -15px; + + .no-logo-img.has-desc, .has-logo-img { + line-height: 60px; + .site-title { + margin-top: -5px; + position: relative; + } + .site-description { + font-size: 12px; + line-height: 14px; + margin-bottom: 0; + position: relative; + top: -15px; + } } - } } + .home.header-transparent .no-scroll { - .site-brand-inner, .site-text-logo { - color: #fff; - } + .site-brand-inner, .site-text-logo { + color: #fff; + } } .header-social { - margin-left: 0px; - @include for(medium-screens) { - margin-left: 10px; - } - @include for(screens-tiny) { - display: none; - } - a { - display: block; - height: 100%; - float: left; margin-left: 0px; - margin-top: -2px; @include for(medium-screens) { - margin-left: 3px; - } - color: $primary; - &:hover { - color: #000000; - transition: all 0.2s linear 0s; - } - } - float: right; - // .fa-stack { - // position: relative; - // display: inline-block; - // width: 2em; - // height: 2em; - // line-height: 2em; - // vertical-align: middle; - // } - .fa-stack-1x, .fa-stack-2x { - position: absolute; - left: 0; - width: 100%; - text-align: center; - } - .fa-stack-1x { line-height: inherit;} - .fa-stack-2x { font-size: 2em; } - .fa-inverse { color: #FFFFFF; } + margin-left: 10px; + } + @include for(screens-tiny) { + display: none; + } + a { + display: block; + height: 100%; + float: left; + margin-left: 0px; + margin-top: -2px; + @include for(medium-screens) { + margin-left: 3px; + } + color: $primary; + &:hover { + color: #000000; + transition: all 0.2s linear 0s; + } + } + float: right; + // .fa-stack { + // position: relative; + // display: inline-block; + // width: 2em; + // height: 2em; + // line-height: 2em; + // vertical-align: middle; + // } + .fa-stack-1x, .fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; + } + .fa-stack-1x { + line-height: inherit; + } + .fa-stack-2x { + font-size: 2em; + } + .fa-inverse { + color: #FFFFFF; + } } .header-btn { - float: right; + float: right; } /* Site Navigation */ .onepress-menu, .onepress-menu * { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } + // Essential Styles .onepress-menu { - float: right; - @extend .clearfix !optional; - ul { - position: absolute; - display: none; - top: 100%; - left: 0; - z-index: 99; - } - ul ul { - top: 0; - left: 100%; - } - li { - position: relative; - } - > li { - float: left; - } - li:hover > ul,li.sfHover > ul { - display: block; - } - a { - display: block; - position: relative; - } -} -// Skin -.onepress-menu { - ul { - min-width: 12em; // allow long menu items to determine submenu width - *width: 12em; //no auto sub width for IE7, see white-space comment below - border: 1px solid $border; - border-top: none; - } - li { - white-space: nowrap; // no need for Supersubs plugin - *white-space: normal; // ...unless you support IE7 (let it wrap) - -webkit-transition: background .2s; - transition: background .2s; - } - li:hover, - li.sfHover { - // only transition out, not in - -webkit-transition: none; - transition: none; - } - - a { - color: #333333; - font-family: $font_heading; - padding-left: 17px; - padding-right: 17px; - font-size: 13px; - font-weight: 600; - text-transform: uppercase; - text-decoration: none; - zoom: 1; - letter-spacing: 1px; - &:hover { - color: $primary; - } - } - ul li { - line-height: 26px; + float: right; + @extend .clearfix !optional; + ul { + position: absolute; + display: none; + top: 100%; + left: 0; + z-index: 99; + } + ul ul { + top: 0; + left: 100%; + } + li { + position: relative; + } + > li { + float: left; + } + li:hover > ul, li.sfHover > ul { + display: block; + } a { - border-top: 1px solid $border; - padding: 8px 18px; - color: #999999; - font-size: 13px; - text-transform: none; - background: #ffffff; - letter-spacing: 0; - &:hover { - color: $primary; - } - } - } - - li.onepress-current-item > a { - color: $primary; - } - - ul li.current-menu-item > a { - color: $primary; - } - - // Hover & Active - > li:last-child > a { - padding-right: 0px; - } - - > li:hover > a { - - } - // > li.current-menu-item, > li.current-menu-ancestor { - // > a { - // color: $primary; - // } - // } - > li a.menu-actived { - color: $primary; - } - .nav-toggle-subarrow { - display: none; - } + display: block; + position: relative; + } } -// Responsive Mobile Navigation -#nav-toggle { - display: none; - margin-left: 15px; - -} -@include for(screens-large) { - .main-navigation { - position: static; - } - .main-navigation .onepress-menu { - width: 100% !important; - display: none; - } - .onepress-menu.onepress-menu-mobile { - display: block !important; - position: absolute; - top: 75px; - right: 0; - width: 100%; - background: transparent; - z-index: 100; - border-bottom: 1px solid $border; - > li > a { - padding: 12px 20px; - } - li:hover ul { - display: none; - } +// Skin +.onepress-menu { ul { - box-shadow: none; - padding-bottom: 0; - border: none; - position: relative; - li:last-child { - border-bottom: none; - } - li a { - padding: 12px 35px; + min-width: 12em; // allow long menu items to determine submenu width + *width: 12em; //no auto sub width for IE7, see white-space comment below + border: 1px solid $border; border-top: none; + } + li { + white-space: nowrap; // no need for Supersubs plugin + *white-space: normal; // ...unless you support IE7 (let it wrap) + -webkit-transition: background .2s; + transition: background .2s; + } + li:hover, + li.sfHover { + // only transition out, not in + -webkit-transition: none; + transition: none; + } + + a { + color: #333333; + font-family: $font_heading; + padding-left: 17px; + padding-right: 17px; + font-size: 13px; + font-weight: 600; + text-transform: uppercase; + text-decoration: none; + zoom: 1; + letter-spacing: 1px; &:hover { - background: transparent; + color: $primary; + } + } + ul li { + line-height: 26px; + a { + border-top: 1px solid $border; + padding: 8px 18px; + color: #999999; + font-size: 13px; + text-transform: none; + background: #ffffff; + letter-spacing: 0; + &:hover { + color: $primary; + } } - } - li li a { - padding: 12px 70px; - border-top: none; - } - li li li a { - padding: 12px 105px; - } - ul { - left: 0px; - } } - > li > a { - //padding-left: 20px; + + li.onepress-current-item > a { + color: $primary; } - li { - line-height: 20px; - background: #FFFFFF; - border-top: 1px solid $border; - width: 100% !important; + + ul li.current-menu-item > a { + color: $primary; } - // li.current-menu-item { + + // Hover & Active + > li:last-child > a { + padding-right: 0px; + } + + > li:hover > a { + + } + // > li.current-menu-item, > li.current-menu-ancestor { // > a { // color: $primary; - // background: #FFFFFF; // } // } - li.onepress-current-item { - > a { + > li a.menu-actived { color: $primary; - } - } - a { - color: $text; - &:hover { - color: #000000; - } } .nav-toggle-subarrow { - display: block; - color: #999999; - border-left: 1px solid $border; - font-weight: normal; - position: absolute; - top: 0; - right: 0; - cursor: pointer; - text-align: center; - padding: 11px 20px; - z-index: 10; - font-size: 22px; - } - .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before { - content:"\f106" !important; - } - .nav-toggle-dropdown > ul{ - display: block !important; + display: none; } +} + +// Responsive Mobile Navigation +#nav-toggle { + display: none; + margin-left: 15px; +} - } - #nav-toggle { - display: block; - } +@include for(screens-large) { + .main-navigation { + position: static; + } + .main-navigation .onepress-menu { + width: 100% !important; + display: none; + } + .onepress-menu.onepress-menu-mobile { + display: block !important; + position: absolute; + top: 75px; + right: 0; + width: 100%; + background: transparent; + z-index: 100; + border-bottom: 1px solid $border; + > li > a { + padding: 12px 20px; + } + li:hover ul { + display: none; + } + ul { + box-shadow: none; + padding-bottom: 0; + border: none; + position: relative; + li:last-child { + border-bottom: none; + } + li a { + padding: 12px 35px; + border-top: none; + &:hover { + background: transparent; + } + } + li li a { + padding: 12px 70px; + border-top: none; + } + li li li a { + padding: 12px 105px; + } + ul { + left: 0px; + } + } + > li > a { + //padding-left: 20px; + } + li { + line-height: 20px; + background: #FFFFFF; + border-top: 1px solid $border; + width: 100% !important; + } + // li.current-menu-item { + // > a { + // color: $primary; + // background: #FFFFFF; + // } + // } + li.onepress-current-item { + > a { + color: $primary; + } + } + a { + color: $text; + &:hover { + color: #000000; + } + } + .nav-toggle-subarrow { + display: block; + color: #999999; + border-left: 1px solid $border; + font-weight: normal; + position: absolute; + top: 0; + right: 0; + cursor: pointer; + text-align: center; + padding: 11px 20px; + z-index: 10; + font-size: 22px; + } + .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before { + content: "\f106" !important; + } + .nav-toggle-dropdown > ul { + display: block !important; + } + } + #nav-toggle { + display: block; + } } // Mobile Navigation Toggle #nav-toggle { - float: right; - position: relative; - width: 35px; - overflow: hidden; - white-space: nowrap; - color: transparent; - span { - position: absolute; - top: 50%; - right: 5px; - margin-top: -2px; - -webkit-transition: rotate 0.2s, translate 0.2s; - -moz-transition: rotate 0.2s, translate 0.2s; - transition: rotate 0.2s, translate 0.2s; - display: inline-block; - height: 3px; - width: 24px; - background: #000000; + float: right; + position: relative; + width: 35px; + overflow: hidden; + white-space: nowrap; + color: transparent; + span { + position: absolute; + top: 50%; + right: 5px; + margin-top: -2px; + -webkit-transition: rotate 0.2s, translate 0.2s; + -moz-transition: rotate 0.2s, translate 0.2s; + transition: rotate 0.2s, translate 0.2s; + display: inline-block; + height: 3px; + width: 24px; + background: #000000; + &:before { + top: -8px; + } + &:after { + top: 8px; + } + &:before, &:after { + position: absolute; + display: inline-block; + height: 3px; + width: 24px; + background: #000000; + content: ''; + right: 0; + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform-origin: 0% 50%; + -moz-transform-origin: 0% 50%; + -ms-transform-origin: 0% 50%; + -o-transform-origin: 0% 50%; + transform-origin: 0% 50%; + -webkit-transition: -webkit-transform 0.2s; + -moz-transition: -moz-transform 0.2s; + transition: transform 0.2s; + } + } +} + +#nav-toggle.nav-is-visible span { + background: transparent; &:before { - top: -8px; + -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg); + -moz-transform: translateX(4px) translateY(-1px) rotate(45deg); + -ms-transform: translateX(4px) translateY(-1px) rotate(45deg); + -o-transform: translateX(4px) translateY(-1px) rotate(45deg); + transform: translateX(4px) translateY(-1px) rotate(45deg); } &:after { - top: 8px; + -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg); + -moz-transform: translateX(4px) translateY(0px) rotate(-45deg); + -ms-transform: translateX(4px) translateY(0px) rotate(-45deg); + -o-transform: translateX(4px) translateY(0px) rotate(-45deg); + transform: translateX(4px) translateY(0px) rotate(-45deg); } &:before, &:after { - position: absolute; - display: inline-block; - height: 3px; - width: 24px; - background: #000000; - content: ''; - right: 0; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); - transform: translateZ(0); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transform-origin: 0% 50%; - -moz-transform-origin: 0% 50%; - -ms-transform-origin: 0% 50%; - -o-transform-origin: 0% 50%; - transform-origin: 0% 50%; - -webkit-transition: -webkit-transform 0.2s; - -moz-transition: -moz-transform 0.2s; - transition: transform 0.2s; - } - } -} - -#nav-toggle.nav-is-visible span { - background: transparent; - &:before { - -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg); - -moz-transform: translateX(4px) translateY(-1px) rotate(45deg); - -ms-transform: translateX(4px) translateY(-1px) rotate(45deg); - -o-transform: translateX(4px) translateY(-1px) rotate(45deg); - transform: translateX(4px) translateY(-1px) rotate(45deg); - } - &:after { - -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg); - -moz-transform: translateX(4px) translateY(0px) rotate(-45deg); - -ms-transform: translateX(4px) translateY(0px) rotate(-45deg); - -o-transform: translateX(4px) translateY(0px) rotate(-45deg); - transform: translateX(4px) translateY(0px) rotate(-45deg); - } - &:before, &:after { - background: #000000; - } + background: #000000; + } } /* Content ------------------------------*/ .site-content { - border-top: 1px solid $border; - margin-top: -1px; - //padding-top: 74px; + border-top: 1px solid $border; + margin-top: -1px; + //padding-top: 74px; } + .blog .site-content, .single-post .site-content { - margin-top: 0; + margin-top: 0; } .site-content.no-border { - border-top: none; + border-top: none; } .page-header { - padding: 30px 0px; - border-top: 1px solid $border; - background: #f8f9f9; - border-bottom: 1px solid $border; - .entry-title, .page-title { - margin-bottom: 0px; - font-size: 24px; - font-weight: 600; - letter-spacing: 1px; - text-transform: uppercase; - } - p { - margin: 6px 0px 0px 0px; - } + padding: 30px 0px; + border-top: 1px solid $border; + background: #f8f9f9; + border-bottom: 1px solid $border; + .entry-title, .page-title { + margin-bottom: 0px; + font-size: 24px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; + } + p { + margin: 6px 0px 0px 0px; + } } - /* Footer ------------------------------*/ .site-footer { - background: #111111; - color: #BBBBBB; - font-size: 14px; - a { - color: $primary; - &:hover { - - } - } - .footer-connect { - padding: 90px 0px; - @include rem('padding', 80px 0px); - text-align: center; - @include for(screens-medium) { - //@include rem('padding', 40px 0px); - } - @include media-breakpoint-down(sm) { - .footer-subscribe { - margin-bottom: 40px; - } - } - .follow-heading { - color: #FFFFFF; - margin-bottom: 20px; - letter-spacing: 0.8px; - } - .subs_input { - background-color: rgba(255, 255, 255, .145); - color: #cccccc; - border-bottom: none; - box-shadow: none; - padding: 12px 15px 12px; - border-radius: 2px; - width: 60%; - font-size: 13px; - &:focus { - border: none; - } - @include for(screens-large) { - width: 100%; - margin-bottom: 4px; - } - @include for(screens-medium) { - width: 70%; - margin-bottom: 4px; - } - @include for(screens-small) { - width: 100%; - margin-bottom: 4px; - } + background: #111111; + color: #BBBBBB; + font-size: 14px; + a { + color: $primary; + &:hover { + } } + .footer-connect { + padding: 90px 0px; + @include rem('padding', 80px 0px); + text-align: center; + @include for(screens-medium) { + //@include rem('padding', 40px 0px); + } + @include media-breakpoint-down(sm) { + .footer-subscribe { + margin-bottom: 40px; + } + } + .follow-heading { + color: #FFFFFF; + margin-bottom: 20px; + letter-spacing: 0.8px; + } + .subs_input { + background-color: rgba(255, 255, 255, .145); + color: #cccccc; + border-bottom: none; + box-shadow: none; + padding: 12px 15px 12px; + border-radius: 2px; + width: 60%; + font-size: 13px; + &:focus { + border: none; + } + @include for(screens-large) { + width: 100%; + margin-bottom: 4px; + } + @include for(screens-medium) { + width: 70%; + margin-bottom: 4px; + } + @include for(screens-small) { + width: 100%; + margin-bottom: 4px; + } - .subs-button { - margin: 0px; - position: relative; - top: 0px; - padding: 16px 23px 16px; - @include for(screens-large) { - width: 100%; - } - @include for(screens-medium) { - width: 70%; - } - @include for(screens-small) { - width: 100%; - } - } + } + + .subs-button { + margin: 0px; + position: relative; + top: 0px; + padding: 16px 23px 16px; + @include for(screens-large) { + width: 100%; + } + @include for(screens-medium) { + width: 70%; + } + @include for(screens-small) { + width: 100%; + } + } - input[type="text"]:focus { - border: none !important; + input[type="text"]:focus { + border: none !important; + } } - } - .footer-social { - text-align: center; - a { - font-size: 30px; - margin: 0px 13px; - color: #FFFFFF; - &:hover { - color: $primary; - } + .footer-social { + text-align: center; + a { + font-size: 30px; + margin: 0px 13px; + color: #FFFFFF; + &:hover { + color: $primary; + } + } + } + .site-info { + position: relative; + text-align: center; + padding: 35px 0px; + background: #222222; + font-weight: 500; + color: #bbbbbb; + a { + color: #dddddd; + &:hover { + text-decoration: underline; + } + } + .container { + position: initial; + } + } + .btt a { + border-radius: 0px 20px 0 0; + color: #999999; + background: #222222; + display: block; + font-size: 30px; + height: 50px; + line-height: 50px; + margin: auto; + position: absolute; + right: 60px; + top: -25px; + transition: all 0.2s linear 0s; + width: 50px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + &:hover { + color: $primary; + } + i { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + margin-left: 3px; + } + @include for(screens-medium) { + right: 0; + left: 0; + } } - } - .site-info { - position: relative; - text-align: center; - padding: 35px 0px; - background: #222222; - font-weight: 500; - color: #bbbbbb; - a { - color: #dddddd; - &:hover { - text-decoration: underline; - } - } - .container { - position: initial; - } - } - .btt a { - border-radius: 0px 20px 0 0; - color: #999999; - background: #222222; - display: block; - font-size: 30px; - height: 50px; - line-height: 50px; - margin: auto; - position: absolute; - right: 60px; - top: -25px; - transition: all 0.2s linear 0s; - width: 50px; - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - &:hover { - color: $primary; - } - i { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - margin-left: 3px; - } - @include for(screens-medium) { - right: 0; - left: 0; - } - } } diff --git a/section-parts/section-about.php b/section-parts/section-about.php index 250f0a56..d3091f84 100644 --- a/section-parts/section-about.php +++ b/section-parts/section-about.php @@ -1,36 +1,36 @@ - + -
" class="">
- +
- ' . esc_html($onepress_about_subtitle) . ''; + ' . esc_html($subtitle) . ''; } ?> - ' . esc_html($onepress_about_title) . ''; + ' . esc_html($title) . ''; } ?> - ' . apply_filters( 'onepress_the_content', wp_kses_post( $onepress_about_desc ) ) . '
'; + ' . apply_filters( 'onepress_the_content', wp_kses_post( $desc ) ) . '
'; } ?>
diff --git a/section-parts/section-hero.php b/section-parts/section-hero.php index 34be574b..29cf728b 100644 --- a/section-parts/section-hero.php +++ b/section-parts/section-hero.php @@ -1,17 +1,17 @@ - -
data-images="" - class="hero-slideshow-wrapper "> + +
data-images="" + class="hero-slideshow-wrapper ">