/*
Theme Name: FlyDoctor
Description: FlyDoctor is a Doctor & Medical WordPress Theme composed of customizable blocks.
Theme URI:
Version: 1.0.12
Requires PHP: 5.7
Tested up to: 5.6
Author: andronic90
Author URI:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: right-sidebar, custom-colors, custom-header, custom-menu, custom-logo, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: flydoctor
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
CSS STRUCTURE:
FONTS
- Google Fonts
- Font Icons
RESET
GENERAL
- General Styles
- Typography
- Helper Classes
LAYOUT
- General Layout
- Header
- Footer
- Full Page Navigation Footer
COMPONENTS
- Page Loader
- Page Title
- Page Title Before
- Ajax Button
- Logo
- Map
- ScrollBar Width Detection
BUTTONS
FORMS
- Form Fields
- CheckBoxes, Radios
- Search Form in Header
- Widget Search, Subscribe
- Widget Subscribe
- Widget Login
- Comment Form
- Contact Form
NAVIGATION
- Dropdown Menu
- Button for Dropdown Menu
- Navigation Bar
- Navigation Full Page
- Menu on Full Page
PAGINATION
- Pagination
- Pager
TABS
TOGGLES
SLIDERS
- Owl Slider Basics
- BS Slider Effects
- Main Image or Slider
- Post Slider
- Team Slider
- Photography Slider
SERVICES
PRICING
POST
- General Post Styles
- Masonry Posts
- Widget Posts
POST DETAILS
- BlockQuote
- Unordered List
- Ordered List
- Definition List
- HighLighted First Letter
- Blog Details
COMMENTS
WIDGETS
- General Widget Styles
- Widget Categories
- Widget Tags
- Widget Calendar
- Widget Subscribe
- Widget Text
- Widget About The Author
- Widget Team
- Widget Skills
SECTIONS
SWIPEBOX
*/
/* Font Icons */
/*-----------------------------------*/
@font-face {
font-family: 'fontawesome';
src: url('fonts/fontawesome-webfont.eot');
src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'fontawesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
content: "\e900";
}
.icon-facebook:before {
content: "\e901";
}
.icon-instagram:before {
content: "\e902";
}
.icon-pinterest:before {
content: "\e903";
}
.icon-facebook2:before {
content: "\e904";
}
.icon-twitter2:before {
content: "\e905";
}
.icon-google:before {
content: "\e906";
}
.icon-pinterest2:before {
content: "\e907";
}
.icon-heart:before {
content: "\e908";
}
.icon-rhombus:before {
content: "\e909";
}
.icon-rss:before {
content: "\e90a";
}
.icon-search:before {
content: "\e90b";
}
.icon-arrow-right:before {
content: "\e90c";
}
.icon-arrow-left:before {
content: "\e90d";
}
.icon-arrow-down:before {
content: "\e90e";
}
.icon-arrow-up:before {
content: "\e90f";
}
.icon-arrow-up2:before {
content: "\e910";
}
.icon-arrow-down2:before {
content: "\e911";
}
.icon-arrow-left2:before {
content: "\e912";
}
.icon-arrow-right2:before {
content: "\e913";
}
.icon-photo:before {
content: "\e914";
}
.icon-video:before {
content: "\e915";
}
.icon-quote:before {
content: "\e916";
}
.icon-audio:before {
content: "\e917";
}
/* Global Reset */
/*-----------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased;
}
/* General Styles */
/*-----------------------------------*/
html.hidden {
display: block !important;
}
body {
font-size: 13px;
font-weight: 400;
color: #252525;
letter-spacing: 0;
background: #fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
position: relative;
overflow-x: hidden;
}
@media only screen and (max-width: 1229px) {
body {
font-size: 13px;
}
}
@media only screen and (max-width: 991px) {
body {
font-size: 13px;
}
}
@media only screen and (max-width: 767px) {
body {
font-size: 13px;
}
}
.oldie body {
background: none;
filter: none;
font-size: 19px;
color: #444;
text-align: center;
padding-top: 200px;
}
::-moz-selection {
background: #308F6F;
color: #fff;
text-shadow: none;
}
::selection {
background: #308F6F;
color: #fff;
text-shadow: none;
}
img {
display: block;
max-width: 100%;
height: auto;
}
img.inline {
display: inline-block;
}
.gm-style img {
display: inline-block;
max-width: none;
}
embed,
iframe {
max-width: 100%;
border: none;
}
.video-player {
width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Raleway', sans-serif;
font-weight: 400;
line-height: 1;
color: #252525;
text-transform: none;
letter-spacing: 0;
margin: 0 0 0.8em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
.h1 a:focus,
.h2 a:focus,
.h3 a:focus,
.h4 a:focus,
.h5 a:focus,
.h6 a:focus {
color: #252525;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active,
.h1 a:active,
.h2 a:active,
.h3 a:active,
.h4 a:active,
.h5 a:active,
.h6 a:active {
color: #308F6F;
}
/* Typography */
/*-----------------------------------*/
h1,
.h1 {
font-size: 22px;
}
h2,
.h2 {
font-size: 20px;
}
h3,
.h3 {
font-size: 18px;
}
h4,
.h4 {
font-size: 16px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 13px;
}
@media only screen and (max-width: 991px) {
h1,
.h1 {
font-size: 24px;
}
h2,
.h2 {
font-size: 20px;
}
h3,
.h3 {
font-size: 18px;
}
h4,
.h4 {
font-size: 16px;
}
h5,
.h5 {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
h1,
.h1 {
font-size: 20px;
}
h2,
.h2 {
font-size: 18px;
}
h3,
.h3 {
font-size: 16px;
}
h4,
.h4 {
font-size: 14px;
}
}
@media only screen and (max-width: 479px) {
h1,
.h1 {
font-size: 16px;
}
h2,
.h2 {
font-size: 15px;
}
h3,
.h3 {
font-size: 14px;
}
}
a {
color: #308F6F;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
a:focus {
outline: none;
text-decoration: none;
color: #308F6F;
}
a:hover,
a:active {
color: #308F6F;
text-decoration: none;
outline: none;
}
a:active {
background-color: transparent;
}
a.link-underlined {
text-decoration: underline;
}
em {
font-style: italic;
}
strong {
font-weight: 700;
}
small {
font-size: 85%;
}
pre {
border-radius: 0;
}
i {
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
}
p {
line-height: 1.9;
word-wrap: break-word;
margin-bottom: 1.2em;
}
@media only screen and (max-width: 767px) {
p {
font-size: 14px;
}
}
@media only screen and (max-width: 1229px) {
p {
line-height: 1.52;
}
}
code {
padding: 2px 4px;
font-size: 90%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/* Helper Classes */
/*-----------------------------------*/
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.notransform {
text-transform: none !important;
}
.italic {
font-style: italic !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.inline-block {
display: inline-block !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.font-thin {
font-weight: 100 !important;
}
.font-light {
font-weight: 300 !important;
}
.font-normal {
font-weight: 400 !important;
}
.font-medium {
font-weight: 500 !important;
}
.font-semi {
font-weight: 600 !important;
}
.font-bold {
font-weight: 700 !important;
}
.no-padding {
padding: 0 !important;
}
.no-padding-top {
padding-top: 0 !important;
}
.no-padding-bottom {
padding-bottom: 0 !important;
}
.text-md {
font-size: 13px !important;
}
.text-sm {
font-size: 13px !important;
}
.text-xs {
font-size: 13px !important;
}
.color-red,
.link-red {
color: #308F6F;
}
.color-brown,
.link-brown {
color: #308F6F;
}
.link-red:hover,
.link-brown:hover,
.link-red:active,
.link-brown:active {
color: #308F6F;
}
/* General Layout */
/*-----------------------------------*/
.page-wrapper {
padding: 50px 0;
}
@media only screen and (max-width: 991px) {
.page-wrapper {
padding-bottom: 20px;
}
}
.fly-content,
.content,
.sidebar {
width: 100%;
padding: 0 15px;
margin-bottom: 50px;
}
.sidebar {
display: none;
}
.page-sidebar .fly-content,
.page-sidebar-left .fly-content,
.page-sidebar .content,
.page-sidebar-left .content {
float: left;
width: 75%;
}
@media only screen and (max-width: 1229px) {
.page-sidebar .fly-content,
.page-sidebar-left .fly-content,
.page-sidebar .content,
.page-sidebar-left .content {
width: 70%;
}
}
@media only screen and (max-width: 991px) {
.page-sidebar .fly-content,
.page-sidebar-left .fly-content,
.page-sidebar .content,
.page-sidebar-left .content {
width: 65%;
}
}
.page-sidebar .sidebar,
.page-sidebar-left .sidebar {
display: block;
float: right;
width: 25%;
}
@media only screen and (max-width: 1229px) {
.page-sidebar .sidebar,
.page-sidebar-left .sidebar {
width: 30%;
}
}
@media only screen and (max-width: 991px) {
.page-sidebar .sidebar,
.page-sidebar-left .sidebar {
width: 35%;
}
}
@media only screen and (max-width: 767px) {
.page-sidebar .fly-content,
.page-sidebar-left .fly-content,
.page-sidebar .content,
.page-sidebar-left .content,
.page-sidebar .sidebar,
.page-sidebar-left .sidebar {
width: 100%;
float: none !important;
}
}
.page-sidebar-left .fly-content,
.page-sidebar-left .content {
float: right;
}
.page-sidebar-left .sidebar {
float: left;
}
.page-narrow .fly-content,
.page-narrow .content {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.page-narrow .sidebar {
display: none;
}
/* Header */
/*-----------------------------------*/
.header.style2 {
position: relative;
}
/* Video or Image in Header */
/*-----------------------------------*/
.fly-header {
position: relative;
z-index: 0;
text-align: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.fly-header:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: auto;
background-color: rgba(68, 68, 68, 0.45);
}
.fly-header:after {
content: '';
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.fly-header .fly-header-content {
display: inline-block;
vertical-align: middle;
max-width: 86%;
position: relative;
z-index: 0;
}
/* Footer */
/*-----------------------------------*/
.footer {
background-color: #f6f6f6;
padding: 40px 70px 25px;
position: relative;
}
@media only screen and (max-width: 767px) {
.footer {
padding: 30px;
}
}
@media only screen and (max-width: 479px) {
.footer .logo {
padding: 20px 15px 40;
}
}
.footer-social {
font-size: 0;
text-align: center;
}
.footer-social li {
font-size: 13px;
white-space: nowrap;
display: inline-block;
}
.footer-social li + li {
margin-left: 24px;
}
@media only screen and (max-width: 479px) {
.footer-social li {
display: block;
margin-bottom: 10px;
}
.footer-social li + li {
margin-left: 0;
}
}
.footer-social li a {
display: block;
color: #252525;
text-transform: uppercase;
}
.footer-social li a:hover,
.footer-social li a:active {
color: #308F6F;
}
.footer-social li i {
font-size: 15px;
vertical-align: -4%;
margin-right: 4px;
}
.footer-copyright {
text-align: center;
font-size: 13px;
line-height: 1.2;
color: #252525;
}
@media only screen and (max-width: 479px) {
.footer-copyright {
line-height: 1.6;
padding: 0 20px;
}
}
.footer-copyright a {
color: #252525;
}
.footer-copyright a:hover,
.footer-copyright a:active {
color: #308F6F;
}
/* Technical Styles */
/*-----------------------------------*/
.scrollbar-detect {
height: 0;
opacity: 0;
visibility: hidden;
overflow: scroll;
}
.scrollbar-detect span {
display: block;
}
.full-height {
height: 100vh;
}
@media only screen and (max-width: 991px) {
.screen-resolution {
display: none;
}
}
/* Logo */
/*-----------------------------------*/
.logo {
font-size: 0;
text-align: center;
padding: 40px 15px;
}
@media only screen and (max-width: 767px) {
.logo {
padding: 30px 15px;
}
}
@media only screen and (max-width: 479px) {
.logo {
padding: 20px 15px;
}
}
.logo a {
display: inline-block;
font-size: 22px;
}
.navigation .logo {
float: left;
position: relative;
z-index: 2;
padding: 0;
max-width: 180px;
}
.navigation .logo img {
max-height: 90px;
}
@media only screen and (max-width: 767px) {
.navigation .logo img {
max-height: 42px;
}
}
.navigation-wrapper .navigation .logo img {
max-height: 120px;
}
.navigation-wrapper.sticky .navigation .logo img {
max-height: 90px;
}
@media only screen and (max-width: 767px) {
.navigation-wrapper.sticky .navigation .logo img {
max-height: 42px;
}
}
.navigation .logo .logo-dark,
.navigation .logo.logo-sticky {
display: none;
}
.sticky .navigation .logo img,
.sticky.navigation .logo img {
width: auto;
max-width: 144px;
padding: 10px 0;
}
.sticky .navigation .logo .logo-dark,
.sticky.navigation .logo .logo-dark,
.sticky .navigation .logo.logo-sticky,
.sticky.navigation .logo.logo-sticky {
display: block;
}
.sticky .navigation .logo .logo-light,
.sticky.navigation .logo .logo-light {
display: none;
}
/* Map */
/*-----------------------------------*/
.google-map {
height: 440px;
margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
.google-map {
height: 360px;
}
}
@media only screen and (max-width: 767px) {
.google-map {
height: 260px;
}
}
@media only screen and (max-width: 479px) {
.google-map {
height: 200px;
}
}
/* Back To Top Button */
/*-----------------------------------*/
.back-to-top {
width: 40px;
height: 40px;
background-color: #308F6F;
border-radius: 50%;
position: absolute;
right: 26px;
bottom: 24px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 479px) {
.back-to-top {
right: 10px;
bottom: 27px;
}
}
.back-to-top:before,
.back-to-top:after {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid rgba(255, 255, 255, 0.8);
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -7px;
}
.back-to-top:after {
border-left-width: 3px;
border-right-width: 3px;
border-bottom: 4px solid #308F6F;
margin: -3px 0 0 -3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.back-to-top:hover,
.back-to-top:active {
background-color: #308F6F;
}
.back-to-top:hover:after,
.back-to-top:active:after {
border-bottom-color: #308F6F;
}
/* Ajax Button */
/*-----------------------------------*/
.load-more {
text-align: center;
margin-top: 90px;
}
@media only screen and (max-width: 991px) {
.load-more {
margin-top: 60px;
}
}
.load-more .post-read-more {
font-size: 26px;
}
@media only screen and (max-width: 991px) {
.load-more .post-read-more {
font-size: 22px;
}
}
/* Page Title */
/*-----------------------------------*/
.page-title {
font-family: 'Raleway', sans-serif;
font-size: 30px;
font-weight: 400;
text-transform: none;
text-align: center;
margin-bottom: 2em;
}
@media only screen and (max-width: 767px) {
.page-title {
font-size: 24px;
}
}
@media only screen and (max-width: 479px) {
.page-title {
font-size: 20px;
}
}
/* Buttons */
/*-----------------------------------*/
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
outline: none;
}
.btn.active,
.btn:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: none;
}
.btn,
.wpcf7-submit {
position: relative;
z-index: 0;
outline: none;
vertical-align: top;
height: 50px;
line-height: 48px;
border: 1px solid #252525;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent;
font-family: 'Raleway', sans-serif;
font-size: 11px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.02em;
padding: 0 19.23076923px;
overflow: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.btn:active,
.wpcf7-submit:active {
top: 1px;
}
.btn:focus,
.wpcf7-submit:focus {
color: #fff;
}
.btn.btn-wide,
.wpcf7-submit.btn-wide {
display: block;
width: 100%;
padding: 0 5px;
}
.btn.btn-border-thick,
.wpcf7-submit.btn-border-thick {
line-height: 46px;
border-width: 2px;
}
.btn:before,
.wpcf7-submit:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: #252525;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.btn:after,
.wpcf7-submit:after {
content: '';
position: absolute;
top: 0;
left: 50%;
z-index: -1;
width: 0;
height: 100%;
background-color: #fff;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.btn:hover,
.wpcf7-submit:hover,
.btn:active,
.wpcf7-submit:active {
color: #252525;
}
.btn:hover:after,
.wpcf7-submit:hover:after,
.btn:active:after,
.wpcf7-submit:active:after {
width: 104%;
opacity: 1;
}
.btn.btn-transparent,
.wpcf7-submit.btn-transparent {
color: #252525;
}
.btn.btn-transparent:before,
.wpcf7-submit.btn-transparent:before {
background-color: transparent;
}
.btn.btn-transparent:after,
.wpcf7-submit.btn-transparent:after {
background-color: #252525;
}
.btn.btn-transparent:hover,
.wpcf7-submit.btn-transparent:hover,
.btn.btn-transparent:active,
.wpcf7-submit.btn-transparent:active {
color: #fff;
}
.btn.btn-gray,
.wpcf7-submit.btn-gray {
color: #252525;
border-color: #f6f6f6;
}
.btn.btn-gray:before,
.wpcf7-submit.btn-gray:before {
background-color: #f6f6f6;
}
.btn.btn-gray:after,
.wpcf7-submit.btn-gray:after {
background-color: #fff;
}
.btn.btn-gray:hover,
.wpcf7-submit.btn-gray:hover,
.btn.btn-gray:active,
.wpcf7-submit.btn-gray:active {
color: #252525;
}
.btn.btn-gray.btn-transparent,
.wpcf7-submit.btn-gray.btn-transparent {
color: #252525;
}
.btn.btn-gray.btn-transparent:before,
.wpcf7-submit.btn-gray.btn-transparent:before {
background-color: transparent;
}
.btn.btn-gray.btn-transparent:after,
.wpcf7-submit.btn-gray.btn-transparent:after {
background-color: #f6f6f6;
}
.btn.btn-gray.btn-transparent:hover,
.wpcf7-submit.btn-gray.btn-transparent:hover,
.btn.btn-gray.btn-transparent:active,
.wpcf7-submit.btn-gray.btn-transparent:active {
color: #fff;
border-color: #252525;
}
.btn.btn-gray.btn-transparent:hover:after,
.wpcf7-submit.btn-gray.btn-transparent:hover:after,
.btn.btn-gray.btn-transparent:active:after,
.wpcf7-submit.btn-gray.btn-transparent:active:after {
background-color: #252525;
}
.btn.btn-white,
.wpcf7-submit.btn-white {
color: #252525;
border-color: #fff;
}
.btn.btn-white:before,
.wpcf7-submit.btn-white:before {
background-color: #fff;
}
.btn.btn-white:after,
.wpcf7-submit.btn-white:after {
background-color: #252525;
}
.btn.btn-white:hover,
.wpcf7-submit.btn-white:hover,
.btn.btn-white:active,
.wpcf7-submit.btn-white:active {
color: #fff;
}
.btn.btn-white.btn-transparent,
.wpcf7-submit.btn-white.btn-transparent {
color: #fff;
}
.btn.btn-white.btn-transparent:before,
.wpcf7-submit.btn-white.btn-transparent:before {
background-color: transparent;
}
.btn.btn-white.btn-transparent:after,
.wpcf7-submit.btn-white.btn-transparent:after {
background-color: #fff;
}
.btn.btn-white.btn-transparent:hover,
.wpcf7-submit.btn-white.btn-transparent:hover,
.btn.btn-white.btn-transparent:active,
.wpcf7-submit.btn-white.btn-transparent:active {
color: #252525;
}
.btn.btn-large,
.wpcf7-submit.btn-large {
height: 60px;
line-height: 58px;
font-size: 15px;
padding: 0 27.77777778px;
}
.btn.btn-medium,
.wpcf7-submit.btn-medium {
height: 44px;
line-height: 42px;
}
.btn.btn-small,
.wpcf7-submit.btn-small {
height: 36px;
line-height: 34px;
}
.buttons .btn {
margin: 0 20px 20px 0;
}
.buttons .btn.btn-wide {
margin-right: 0;
}
/* Form Fields */
/*-----------------------------------*/
[placeholder]::-webkit-input-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: #a4a4a4;
}
[placeholder]:-moz-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: #a4a4a4;
}
[placeholder]::-moz-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: #a4a4a4;
}
[placeholder]:-ms-input-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: #a4a4a4;
}
:focus[placeholder]::-webkit-input-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
:focus[placeholder]:-moz-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
:focus[placeholder]::-moz-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
:focus[placeholder]:-ms-input-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input,
button,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
outline: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.form-control,
.wpcf7-text,
.wpcf7-number,
.wpcf7-range,
.wpcf7-date,
.wpcf7-textarea,
.wpcf7-select,
.wpcf7-quiz {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 36px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-control:focus,
.wpcf7-text:focus,
.wpcf7-number:focus,
.wpcf7-range:focus,
.wpcf7-date:focus,
.wpcf7-textarea:focus,
.wpcf7-select:focus,
.wpcf7-quiz:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ie8 .form-control,
.ie8 .wpcf7-text,
.ie8 .wpcf7-number,
.ie8 .wpcf7-range,
.ie8 .wpcf7-date,
.ie8 .wpcf7-textarea,
.ie8 .wpcf7-select,
.ie8 .wpcf7-quiz {
line-height: 34px;
}
textarea.form-control,
textarea.wpcf7-form-control {
min-height: 277px;
padding: 1em;
resize: vertical;
}
@media only screen and (max-width: 767px) {
textarea.form-control,
textarea.wpcf7-form-control {
min-height: 200px;
}
}
@media only screen and (max-width: 479px) {
textarea.form-control,
textarea.wpcf7-form-control {
min-height: 160px;
}
}
.form-group label {
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #444;
text-transform: uppercase;
margin-bottom: 1em;
}
.form-group.required label:after {
content: '*';
font-size: 1.33em;
color: #308F6F;
}
/* CheckBoxes, Radios */
/*-----------------------------------*/
input[type="radio"],
input[type="checkbox"] {
position: relative;
top: 2px;
}
.checkbox,
.radio {
margin: 0 0 18px;
}
.checkbox input,
.radio input {
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.ie8 .checkbox input,
.ie8 .radio input {
visibility: visible;
width: 0;
height: 0;
}
.checkbox label,
.radio label {
position: relative;
padding-left: 26px;
line-height: 16px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 991px) {
.checkbox label,
.radio label {
line-height: 18px;
}
}
.checkbox label:before,
.radio label:before,
.checkbox label:after,
.radio label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #252525;
}
.checkbox label:after,
.radio label:after {
top: 4px;
left: 4px;
width: 8px;
height: 8px;
border: none;
background-color: transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.checkbox label.checked,
.radio label.checked {
color: #252525;
}
.checkbox label.checked:after,
.radio label.checked:after {
background-color: #252525;
}
.checkbox label:hover,
.radio label:hover,
.checkbox label:focus,
.radio label:focus,
.checkbox label:active,
.radio label:active {
color: #252525;
}
.radio label:before,
.radio label:after {
border-radius: 50%;
}
/* Search Form in Header */
/*-----------------------------------*/
.form-search-header {
width: 320px;
position: absolute;
top: 100%;
right: 0;
margin-top: 18px;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-search-header .inner {
background-color: #f6f6f6;
padding: 15px 30px 5px;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
-o-transform: translateX(102%);
-ms-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-search-header [class*='col-'] {
padding: 0;
}
.form-search-header.active {
visibility: visible;
opacity: 1;
}
.form-search-header.active .inner {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.form-search-header .form-control {
border-color: #252525;
border-right: none;
margin-bottom: 10px;
}
.form-search-header .form-control:focus {
background-color: #fff;
}
.form-search-header .btn {
margin-bottom: 10px;
}
.form-search-header .btn:active {
top: 0;
}
/* Widget Search */
/*-----------------------------------*/
.form-search {
position: relative;
}
.form-search .submit {
position: absolute;
top: 11px;
right: 5px;
font-size: 12px;
color: #a4a4a4;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-search .form-control {
padding-right: 32px;
margin: 0;
border-width: 0 0 1px 0;
}
.form-search .form-control:focus + .submit {
color: #555;
}
.form-search .form-control:focus + .submit:hover,
.form-search .form-control:focus + .submit:active {
color: #308F6F;
}
/* Widget Subscribe */
/*-----------------------------------*/
.form-subscribe .submit {
top: 15px;
font-size: 8px;
}
.form-subscribe .form-control {
border-width: 0 0 1px 0;
}
/* Widget Login */
/*-----------------------------------*/
.form-login .checkbox {
font-family: 'Montserrat', sans-serif;
color: #252525;
margin: -3px 0 10px;
}
.form-login .submit {
float: right;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
color: #252525;
text-transform: uppercase;
padding: 0;
margin: 0;
border: none;
margin-bottom: 16px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-login .submit:hover,
.form-login .submit:active {
color: #308F6F;
}
/* Comment Form */
/*-----------------------------------*/
.comment-form #submit {
position: relative;
z-index: 0;
outline: none;
vertical-align: top;
height: 36px;
line-height: 34px;
border: 1px solid #252525;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-family: 'Raleway', sans-serif;
font-size: 11px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.02em;
padding: 0 19.23076923px;
overflow: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
background-color: #252525;
}
.comment-form #submit:hover,
.comment-form #submit:active {
color: #252525;
background-color: transparent;
}
.comment-form #submit:active {
top: 1px;
}
/* Contact Form */
/*-----------------------------------*/
.wpcf7-submit {
display: inline-block;
width: auto;
height: 50px;
}
/* =========================================================================
Form Controls for Unyson Contact Form
=========================================================================== */
.fly-form-contact .header.title .fw-contact-form-title {
font-size: 22px;
text-align: center;
margin-bottom: .2em;
}
.fly-form-contact .header.title .fw-contact-form-description {
font-size: 16px;
text-align: center;
}
.fly-form-contact .form-group {
margin-bottom: 0;
}
.fly-form-contact .custom-checkbox,
.fly-form-contact .custom-radio {
margin-bottom: 20px;
}
.fly-form-contact .custom-checkbox input[type='checkbox'],
.fly-form-contact .custom-radio input[type='checkbox'] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
.fly-form-contact .custom-checkbox input[type='radio'],
.fly-form-contact .custom-radio input[type='radio'] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
}
.fly-form-contact .custom-checkbox label,
.fly-form-contact .custom-radio label {
font-weight: 400;
vertical-align: 10%;
}
.fly-form-contact .select-field {
display: block;
width: 100%;
height: 36px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.fly-form-contact .select-field:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.fw-submit-btn-wrap.text-right {
text-align: center;
padding-top: 20px;
}
/* Select2 */
/*-----------------------------------------------------------*/
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
/* =========================================================================
Select2
=========================================================================== */
.select2-container {
display: block;
width: 100% !important;
margin-bottom: 12px;
}
.select2.select2-container .select2-selection--single {
height: 48px;
border: 2px solid #fff;
background: none;
border-radius: 0;
text-align: left;
}
.select2.select2-container .select2-selection--single:focus {
outline: none;
}
.select2.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 15px;
padding-right: 30px;
line-height: 44px;
font-size: 15px;
font-weight: 400;
color: #fff;
}
.select2.select2-container .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2.select2-container .select2-selection--single .select2-selection__arrow:before {
content: '\e90e';
}
.select2.select2-container .select2-selection--single .select2-selection__placeholder {
color: #fff;
}
.fly-form-contact .select2.select2-container .select2-selection--single {
height: 36px;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
text-align: left;
}
.fly-form-contact .select2.select2-container .select2-selection--single:focus {
outline: none;
}
.fly-form-contact .select2.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 15px;
padding-right: 30px;
line-height: 34px;
font-size: 12px;
font-weight: 400;
color: #444;
}
.fly-form-contact .select2.select2-container .select2-selection--single .select2-selection__arrow b {
display: none;
}
.fly-form-contact .select2.select2-container .select2-selection--single .select2-selection__arrow:before {
content: '\e90e';
}
.fly-form-contact .select2.select2-container .select2-selection--single .select2-selection__placeholder {
color: #444;
}
.fly-form-contact .select2.select2-container.select2-container--focus .select2-selection--single {
border-color: #a4a4a4;
}
/* Dropdown Menu */
/*-----------------------------------*/
.navigation {
text-align: center;
border: solid #f6f6f6;
border-width: 1px 0 1px 0;
padding: 20px 15px;
margin-bottom: 5px;
position: relative;
}
@media only screen and (max-width: 767px) {
.navigation {
padding: 10px 15px;
min-height: 62px;
}
}
.navigation.sticky,
.navigation.static {
position: relative;
background-color: #fff;
-webkit-transition: top 0.4s linear;
-moz-transition: top 0.4s linear;
-o-transition: top 0.4s linear;
-ms-transition: top 0.4s linear;
transition: top 0.4s linear;
}
.navigation.sticky {
position: fixed;
top: -122px;
left: 0;
right: 0;
z-index: 99;
padding: 10px 0;
border-top-width: 0;
}
.navigation.sticky.sticky-moved {
top: 0;
}
.admin-bar .navigation.sticky.sticky-moved {
top: 32px;
}
@media (max-width: 601px) {
.admin-bar .navigation.sticky.sticky-moved {
top: 0;
}
}
.nav-menu {
position: relative;
display: inline-block;
z-index: 98;
font-size: 0;
white-space: nowrap;
text-align: left;
}
.sticky .nav-menu {
float: right;
margin-top: 32px;
}
@media only screen and (max-width: 767px) {
.sticky .nav-menu {
margin-top: 0;
}
}
.nav-menu li {
position: relative;
}
.nav-menu li a {
position: relative;
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: normal;
color: #555;
letter-spacing: 0;
text-transform: uppercase;
white-space: nowrap;
}
.nav-menu li:hover > a,
.nav-menu li:active > a,
.nav-menu li.active > a,
.nav-menu li.current-menu-item > a {
color: #308F6F;
}
.nav-menu li ul {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
position: absolute;
top: -16px;
left: 100%;
z-index: 1;
border: 1px solid #e5e5e5;
background-color: #fff;
padding: 5px 0;
margin-top: 10px;
display: none;
}
.loaded.nav-menu li ul {
display: block;
}
.nav-menu li ul:before {
content: '';
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
z-index: -1;
border: 1px solid #e5e5e5;
}
.nav-menu li ul:after {
content: '';
position: absolute;
top: -11px;
left: 0;
right: 0;
height: 11px;
}
.nav-menu li ul.left {
left: auto;
right: 100%;
}
.nav-menu li ul li {
padding: 0;
margin: 0 -4px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.nav-menu li ul li a {
padding: 15px 30px;
text-align: left;
color: #555;
}
.nav-menu li ul li:hover > a,
.nav-menu li ul li:active > a {
color: #308F6F;
}
.nav-menu li ul li.parent > a:before {
content: '\f105';
font-family: 'fontawesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 20px;
right: 16px;
font-size: 6px;
}
.nav-menu > li {
position: relative;
display: inline-block;
margin: 0 40px;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
}
@media only screen and (max-width: 1229px) {
.nav-menu > li {
margin: 0 27px;
}
}
@media only screen and (max-width: 991px) {
.nav-menu > li {
margin: 0 18px;
}
}
.nav-menu > li > a {
padding-bottom: 5px;
border-bottom: 2px solid transparent;
-webkit-transition: color 0.2s, border 0.2s;
-moz-transition: color 0.2s, border 0.2s;
-o-transition: color 0.2s, border 0.2s;
-ms-transition: color 0.2s, border 0.2s;
transition: color 0.2s, border 0.2s;
}
.nav-menu > li:hover > a,
.nav-menu > li:active > a,
.nav-menu > li.active > a,
.nav-menu > li.current-menu-item > a {
color: #308F6F;
border-bottom-color: #308F6F;
}
.nav-menu > li.parent > a:before {
content: '\f105';
font-family: 'fontawesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
right: -16px;
bottom: -2px;
font-size: 6px;
line-height: 16px;
padding-left: 10px;
}
.nav-menu > li > ul {
top: 100%;
left: 0;
z-index: 98;
}
.nav-menu > li > ul.left {
right: 0;
}
@media only screen and (max-width: 767px) {
.nav-menu {
height: auto !important;
padding: 50px 45px 50px 30px;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
background-color: #fff;
overflow: auto;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.nav-menu.active {
visibility: visible;
opacity: 1;
}
.nav-menu li a {
display: block;
font-size: 17px;
color: #555;
background-color: transparent !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.nav-menu li.parent > a:before {
position: absolute;
top: 14px;
left: 0;
right: auto;
bottom: auto;
font-size: 8px;
padding: 0;
}
.nav-menu li.active > a,
.nav-menu li.current-menu-item > a {
color: #308F6F;
}
.nav-menu li.active.parent > a:before,
.nav-menu li.current-menu-item.parent > a:before {
left: 0;
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.nav-menu li ul {
-webkit-animation-name: none;
animation-name: none;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: static;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
padding: 0 0 0 10px;
margin: 0;
}
.nav-menu li ul:before,
.nav-menu li ul:after {
display: none;
}
.nav-menu li ul li {
margin: 0;
}
.nav-menu li ul li a {
font-size: 15px;
padding: 8px 0 8px 30px;
}
.nav-menu li ul li.parent > a:before {
top: 15px;
left: 15px;
right: auto;
}
.nav-menu li ul li.active.parent > a:before,
.nav-menu li ul li.current-menu-item.parent > a:before {
left: 15px;
}
.nav-menu > li {
height: auto;
line-height: normal;
padding: 0;
margin: 0;
display: block;
-webkit-animation-name: none;
animation-name: none;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.nav-menu > li > a {
height: 40px;
line-height: 40px;
padding: 0 5px 0 20px;
border: none;
}
}
/* Navigation Bar Style 2 */
/*-----------------------------------*/
.navigation-wrapper {
position: absolute;
left: 0;
right: 0;
}
.navigation-wrapper.sticky {
background-color: #fff;
-webkit-transition: top 0.4s linear;
-moz-transition: top 0.4s linear;
-o-transition: top 0.4s linear;
-ms-transition: top 0.4s linear;
transition: top 0.4s linear;
position: fixed;
top: -122px;
left: 0;
right: 0;
z-index: 99;
border-bottom: 1px solid #f6f6f6;
}
.navigation-wrapper.sticky.sticky-moved {
top: 0;
}
.admin-bar .navigation-wrapper.sticky.sticky-moved {
top: 32px;
}
@media (max-width: 601px) {
.admin-bar .navigation-wrapper.sticky.sticky-moved {
top: 0;
}
}
.navigation-wrapper .navigation {
border: none;
padding: 15px 0;
margin-bottom: 0;
}
.navigation-wrapper .nav-menu {
float: right;
margin-top: 32px;
}
@media only screen and (max-width: 767px) {
.navigation-wrapper .nav-menu {
margin-top: 0;
}
}
.navigation-wrapper .nav-menu > li > a {
color: #fff;
}
@media only screen and (max-width: 767px) {
.navigation-wrapper .nav-menu > li > a {
color: #555;
}
}
.sticky.navigation-wrapper .nav-menu > li > a {
color: #555;
}
@media only screen and (max-width: 767px) {
.navigation-wrapper .nav-menu > li:hover > a,
.navigation-wrapper .nav-menu > li:active > a,
.navigation-wrapper .nav-menu > li.active > a,
.navigation-wrapper .nav-menu > li.current-menu-item > a {
color: #308F6F;
}
}
.sticky.navigation-wrapper .nav-menu > li:hover > a,
.sticky.navigation-wrapper .nav-menu > li:active > a,
.sticky.navigation-wrapper .nav-menu > li.active > a,
.sticky.navigation-wrapper .nav-menu > li.current-menu-item > a {
color: #308F6F;
}
/* Button for Mobile Menu */
/*-----------------------------------*/
.hamburger {
display: none;
float: right;
padding: 10px 0;
position: relative;
z-index: 999;
-webkit-transition: transform 0.2s;
-moz-transition: transform 0.2s;
-o-transition: transform 0.2s;
-ms-transition: transform 0.2s;
transition: transform 0.2s;
}
@media only screen and (max-width: 767px) {
.hamburger {
display: block;
}
}
.hamburger a {
position: relative;
display: block;
width: 26px;
height: 20px;
border-top: 4px solid #555;
border-bottom: 4px solid #555;
}
.hamburger a:before,
.hamburger a:after {
content: '';
position: absolute;
top: 4px;
left: 0;
right: 0;
height: 4px;
background-color: #555;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.hamburger a:after {
top: -7px;
left: 11px;
right: auto;
bottom: -7px;
width: 4px;
height: auto;
background-color: transparent;
}
.navigation-wrapper .hamburger a {
border-color: #fff;
}
.navigation-wrapper .hamburger a:before {
background-color: #fff;
}
.navigation-wrapper.sticky .hamburger a {
border-color: #555;
}
.navigation-wrapper.sticky .hamburger a:before {
background-color: #555;
}
.hamburger.active {
position: fixed;
top: 10px;
right: 15px;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.admin-bar .hamburger.active {
top: 50px;
}
.hamburger.active a {
border-color: transparent !important;
}
.hamburger.active a:before,
.hamburger.active a:after {
background-color: #308F6F !important;
}
/* Top Menu */
/*-----------------------------------*/
.top-menu {
background-color: #f6f6f6;
padding: 14px 0 16px;
}
.top-menu ul {
font-size: 0;
}
.top-menu li {
font-size: 13px;
white-space: nowrap;
display: inline-block;
}
.top-menu li + li {
margin-left: 24px;
}
.top-menu li a {
display: block;
color: #252525;
text-transform: uppercase;
}
.top-menu li a:hover,
.top-menu li a:active {
color: #308F6F;
}
.top-menu li i {
font-size: 15px;
vertical-align: 0;
margin-right: 4px;
}
.top-menu .social {
position: relative;
}
.top-menu .social .social-toggle {
display: none;
font-size: 16px;
margin-top: -2px;
color: #252525;
}
@media only screen and (max-width: 767px) {
.top-menu .social .social-toggle {
display: block;
}
}
@media only screen and (max-width: 767px) {
.top-menu .social ul {
position: absolute;
top: 100%;
left: -15px;
visibility: hidden;
background-color: #f6f6f6;
padding: 15px;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.top-menu .social:hover ul,
.top-menu .social:active ul {
visibility: visible;
opacity: 1;
}
.top-menu .social:hover .social-toggle,
.top-menu .social:active .social-toggle {
color: #308F6F;
}
.top-menu .social li + li {
margin: 15px 0 0 0;
}
}
/* Pagination */
/*-----------------------------------*/
.pagination,
.woocommerce-pagination ul.page-numbers {
display: block;
font-size: 14px;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
}
.pagination > li,
.woocommerce-pagination ul.page-numbers > li {
display: inline-block;
vertical-align: top;
border: none;
margin: 0 4px 8px;
}
.comments .paging-navigation {
margin-bottom: 30px;
}
.comments .paging-navigation a,
.comments .paging-navigation span {
padding-right: 10px;
}
@media only screen and (max-width: 479px) {
.pagination > li,
.woocommerce-pagination ul.page-numbers > li {
margin: 0 1px 8px;
}
}
.pagination > li > a,
.woocommerce-pagination ul.page-numbers > li > a,
.pagination > li > span,
.woocommerce-pagination ul.page-numbers > li > span {
position: relative;
float: none;
display: block;
font-size: 13px;
font-weight: 400;
width: 30px;
height: 30px;
line-height: 28px;
color: #252525;
text-align: center;
padding: 0;
margin: 0;
background-color: transparent;
border: 1px solid transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.pagination > li > a:hover,
.woocommerce-pagination ul.page-numbers > li > a:hover,
.pagination > li > span:hover,
.woocommerce-pagination ul.page-numbers > li > span:hover,
.pagination > li > a:focus,
.woocommerce-pagination ul.page-numbers > li > a:focus,
.pagination > li > span:focus,
.woocommerce-pagination ul.page-numbers > li > span:focus,
.pagination > li > a:active,
.woocommerce-pagination ul.page-numbers > li > a:active,
.pagination > li > span:active,
.woocommerce-pagination ul.page-numbers > li > span:active {
border-color: #e5e5e5;
background-color: transparent;
color: #308F6F;
}
.pagination > li > span,
.woocommerce-pagination ul.page-numbers > li > span {
cursor: default;
}
.pagination > li > span:hover,
.woocommerce-pagination ul.page-numbers > li > span:hover,
.pagination > li > span:focus,
.woocommerce-pagination ul.page-numbers > li > span:focus,
.pagination > li > span:active,
.woocommerce-pagination ul.page-numbers > li > span:active {
border-color: transparent;
background-color: transparent;
color: #252525;
}
.pagination > li.active > a,
.woocommerce-pagination ul.page-numbers > li.active > a,
.pagination > li.active > span,
.woocommerce-pagination ul.page-numbers > li.active > span,
.pagination > li.active > a:hover,
.woocommerce-pagination ul.page-numbers > li.active > a:hover,
.pagination > li.active > span:hover,
.woocommerce-pagination ul.page-numbers > li.active > span:hover,
.pagination > li.active > a:focus,
.woocommerce-pagination ul.page-numbers > li.active > a:focus,
.pagination > li.active > span:focus,
.woocommerce-pagination ul.page-numbers > li.active > span:focus,
.pagination > li.active > a:active,
.woocommerce-pagination ul.page-numbers > li.active > a:active,
.pagination > li.active > span:active,
.woocommerce-pagination ul.page-numbers > li.active > span:active {
border-color: #e5e5e5;
background-color: transparent;
color: #308F6F;
}
.pagination > li.prev a,
.woocommerce-pagination ul.page-numbers > li.prev a,
.pagination > li.next a,
.woocommerce-pagination ul.page-numbers > li.next a {
font-size: 8px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.pagination > li.prev a:before,
.woocommerce-pagination ul.page-numbers > li.prev a:before,
.pagination > li.next a:before,
.woocommerce-pagination ul.page-numbers > li.next a:before {
content: '\f104';
font-family: 'fontawesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pagination > li.next a:before,
.woocommerce-pagination ul.page-numbers > li.next a:before {
content: '\f105';
font-family: 'fontawesome';
}
/* Pager */
/*-----------------------------------*/
.pager {
border-top: 1px solid #e5e5e5;
padding-top: 30px;
margin: 0 0 30px;
}
.pager:before,
.pager:after {
content: '';
display: table;
}
.pager:after {
clear: both;
}
.pager a {
float: right;
font-size: 13px;
color: #252525;
text-align: right;
max-width: 50%;
}
.pager a i {
font-size: 12px;
margin-left: 1em;
vertical-align: 12%;
}
.pager a:first-child {
float: left;
text-align: left;
}
.pager a:first-child i {
margin-left: 0;
margin-right: 1em;
}
.pager a span {
position: relative;
display: inline-block;
font-size: 15px;
color: #252525;
border-bottom: 1px solid transparent;
margin-top: 1em;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.pager a span:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #252525;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.pager a:hover,
.pager a:active {
color: #308F6F;
}
.pager a:hover span:before,
.pager a:active span:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* Tabs */
/*-----------------------------------*/
.tabs {
margin-bottom: 50px;
}
.tab-header li {
float: left;
width: 50%;
border-left: 1px solid #fff;
}
.tab-header li:first-child {
border-left: none;
}
.tab-header a {
display: block;
height: 50px;
line-height: 50px;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
color: #252525;
text-align: center;
text-transform: uppercase;
padding: 0 5px;
background-color: #f6f6f6;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.tab-header .active a {
color: #fff;
background-color: #252525;
}
.tab-content {
padding-top: 30px;
}
/* Toggleable Panels */
/*-----------------------------------*/
.panel-group {
margin-bottom: 50px;
}
.panel {
background-color: transparent;
border: none;
padding-bottom: 20px;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0;
}
.panel-heading {
border: none;
border-radius: 0;
padding: 0;
}
.panel-heading + .panel-collapse > .panel-body {
padding: 10px 30px 0;
}
.panel-title {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 700;
color: #555;
letter-spacing: .1em;
}
@media only screen and (max-width: 479px) {
.panel-title {
font-size: 11px;
}
}
a.panel-toggle {
position: relative;
display: block;
padding: 0 0 0 30px;
color: #308F6F;
}
a.panel-toggle:focus {
color: #308F6F;
}
@media only screen and (max-width: 479px) {
a.panel-toggle {
padding-top: 2px;
}
}
a.panel-toggle:before,
a.panel-toggle:after {
content: '';
width: 10px;
height: 2px;
position: absolute;
top: 6px;
left: 4px;
background-color: #308F6F;
}
a.panel-toggle:after {
width: 2px;
height: 10px;
top: 2px;
left: 8px;
display: none;
}
a.panel-toggle.collapsed {
color: #555;
}
a.panel-toggle.collapsed:after {
display: block;
}
a.panel-toggle.collapsed:focus {
color: #555;
}
a.panel-toggle.collapsed:hover,
a.panel-toggle.collapsed:active {
color: #308F6F;
}
.panel-body {
border: none !important;
color: #555;
padding: 20px 4px 5px;
}
.panel-body p:last-child {
margin-bottom: 0;
}
/* Owl Slider Basics */
/*-----------------------------------*/
.owl-carousel {
display: none;
position: relative;
overflow: hidden;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
-ms-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:before,
.owl-carousel .owl-wrapper:after {
content: '';
display: table;
}
.owl-carousel .owl-wrapper:after {
clear: both;
}
.owl-carousel .owl-item {
float: left;
}
.owl-carousel .owl-item.loading {
min-height: 150px;
background: url('images/AjaxLoader.gif') no-repeat center center;
}
.owl-carousel .owl-controls {
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
cursor: pointer;
position: absolute;
top: 50%;
left: 12px;
right: auto;
z-index: 4;
width: 56px;
height: 56px;
border: 2px solid rgba(255, 255, 255, 0.2);
padding: 3px;
border-radius: 50%;
margin-top: -28px;
}
@media only screen and (max-width: 479px) {
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
left: -24px;
}
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:before,
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
content: '\f104';
font-family: 'fontawesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 50%;
font-size: 14px;
color: #444;
line-height: 46px;
text-align: center;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover:before,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover:before,
.owl-carousel .owl-controls .owl-buttons .owl-prev:active:before,
.owl-carousel .owl-controls .owl-buttons .owl-next:active:before {
background-color: #308F6F;
color: #fff;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
left: auto;
right: 12px;
}
@media only screen and (max-width: 479px) {
.owl-carousel .owl-controls .owl-buttons .owl-next {
right: -24px;
}
}
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
content: '\f105';
}
.owl-carousel .owl-controls .owl-page {
display: inline-block;
cursor: pointer;
}
.owl-carousel .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px;
border: 1px solid #555;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.owl-carousel .owl-controls .owl-page.active span {
background-color: #555;
}
.owl-carousel .owl-controls .owl-page.owl-numbers {
width: auto;
height: auto;
color: #fff;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.owl-carousel .grabbing {
cursor: url('images/grabbing.png') 8 8, move;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* BS Slider Effects */
/*-----------------------------------*/
/*Fade Effect on BS Slider*/
.fade-effect .item {
opacity: 0;
-webkit-transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
-ms-transition: opacity 0.8s;
transition: opacity 0.8s;
}
.fade-effect .item.active {
opacity: 1;
}
.fade-effect .item.active.left,
.fade-effect .item.active.right {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
left: 0;
z-index: 2;
opacity: 0;
}
/*Shot Effect on BS Slider*/
.shot-effect .item {
top: 0;
left: 0 !important;
-webkit-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-moz-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-o-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-ms-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
}
.shot-effect .item.prev,
.shot-effect .item.next {
z-index: 3;
}
.shot-effect .item.prev.left,
.shot-effect .item.next.left,
.shot-effect .item.prev.right,
.shot-effect .item.next.right {
top: 0;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.shot-effect .item.prev {
top: 100%;
}
.shot-effect .item.next {
top: -100%;
}
/* Instagram Slider */
/*-----------------------------------*/
.instagram-slider-wrapper {
overflow: hidden;
margin-bottom: 3px;
}
.instagram-slider {
margin-left: -3px;
}
.instagram-slider a {
position: relative;
display: block;
margin-left: 3px;
min-height: 100px;
overflow: hidden;
}
.instagram-slider a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: auto;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.instagram-slider a:hover:before,
.instagram-slider a:active:before {
background-color: rgba(37, 37, 37, 0.2);
}
.instagram-slider a:hover strong,
.instagram-slider a:active strong {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.instagram-slider img {
width: 100%;
}
.instagram-slider strong {
position: absolute;
left: 30px;
right: 30px;
bottom: 26px;
text-align: center;
opacity: 0;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-o-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
@media only screen and (max-width: 1799px) {
.instagram-slider strong {
left: 10px;
right: 10px;
}
}
.instagram-slider span {
display: inline-block;
background-color: rgba(255, 255, 255, 0.9);
font-size: 12px;
font-weight: 600;
color: #252525;
padding: .6em 1em;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media only screen and (max-width: 991px) {
.instagram-slider span {
padding: .6em;
}
}
.instagram-slider i {
font-size: 1.4em;
margin-right: .4em;
vertical-align: -14%;
}
/* Twitter Slider */
/*-----------------------------------*/
.twitter-slider .tweet {
text-align: center;
}
.twitter-slider .tweet a {
text-decoration: underline;
}
.twitter-slider .tweet p {
margin-bottom: 1.1em;
}
.twitter-slider .owl-controls {
margin: 0 0 -14px;
}
.twitter-slider .owl-controls .owl-buttons .owl-prev,
.twitter-slider .owl-controls .owl-buttons .owl-next {
position: static;
margin-top: 0;
font-size: 9px;
color: #a4a4a4;
background-color: transparent;
display: inline-block;
}
.twitter-slider .owl-controls .owl-buttons .owl-prev:hover,
.twitter-slider .owl-controls .owl-buttons .owl-next:hover,
.twitter-slider .owl-controls .owl-buttons .owl-prev:active,
.twitter-slider .owl-controls .owl-buttons .owl-next:active {
color: #252525;
background-color: transparent;
}
/* Post Slider */
/*-----------------------------------*/
.post-slider .owl-controls {
margin: 0;
}
.post-slider .owl-controls .owl-pagination {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.post-slider .owl-controls .owl-page span {
width: 12px;
height: 12px;
margin: 20px 5px;
border: 2px solid #a4a4a4;
}
@media only screen and (max-width: 767px) {
.post-slider .owl-controls .owl-page span {
width: 16px;
height: 16px;
}
}
.post-slider .owl-controls .owl-page:hover span,
.post-slider .owl-controls .owl-page:active span {
border-color: #308F6F;
}
.post-slider .owl-controls .owl-page.active span {
background-color: #308F6F;
border-color: #308F6F;
}
/* Related Posts Slider */
/*-----------------------------------*/
.related-posts {
overflow: hidden;
}
.related-posts .title {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 2em;
}
.related-posts img {
width: 100%;
}
@media only screen and (max-width: 991px) {
.related-posts .post-title {
font-size: 16px;
}
}
.related-posts-slider,
.related-posts-slider2,
.fly-posts-carousel-shortcode.related-posts {
width: auto;
margin: 0 -15px;
}
.related-posts-slider .item,
.related-posts-slider2 .item,
.fly-posts-carousel-shortcode.related-posts .item {
padding: 0 15px;
}
.related-posts-slider .post-media,
.related-posts-slider2 .post-media,
.fly-posts-carousel-shortcode.related-posts .post-media {
margin-bottom: 20px;
}
.related-posts-slider .post-meta,
.related-posts-slider2 .post-meta,
.fly-posts-carousel-shortcode.related-posts .post-meta {
margin-bottom: 10px;
}
.related-posts-slider .post-meta.font2 > *,
.related-posts-slider2 .post-meta.font2 > *,
.fly-posts-carousel-shortcode.related-posts .post-meta.font2 > * {
font-size: 11px;
}
.related-posts-slider .post-title,
.related-posts-slider2 .post-title,
.fly-posts-carousel-shortcode.related-posts .post-title {
margin-bottom: 1em;
line-height: 1.2;
font-size: 18px;
}
.related-posts {
overflow: visible;
}
.related-posts-slider2 {
overflow: visible;
}
.related-posts-slider2 .owl-controls {
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.related-posts-slider2 .owl-controls .owl-buttons .owl-prev,
.related-posts-slider2 .owl-controls .owl-buttons .owl-next {
top: 90px;
left: -60px;
right: auto;
border: 2px solid rgba(255, 85, 0, 0.2);
}
@media only screen and (max-width: 767px) {
.related-posts-slider2 .owl-controls .owl-buttons .owl-prev,
.related-posts-slider2 .owl-controls .owl-buttons .owl-next {
left: -24px;
}
}
.related-posts-slider2 .owl-controls .owl-buttons .owl-prev:before,
.related-posts-slider2 .owl-controls .owl-buttons .owl-next:before {
color: #fff;
background-color: #308F6F;
}
.related-posts-slider2 .owl-controls .owl-buttons .owl-prev:hover:before,
.related-posts-slider2 .owl-controls .owl-buttons .owl-next:hover:before,
.related-posts-slider2 .owl-controls .owl-buttons .owl-prev:active:before,
.related-posts-slider2 .owl-controls .owl-buttons .owl-next:active:before {
background-color: #308F6F;
}
.related-posts-slider2 .owl-controls .owl-buttons .owl-next {
left: auto;
right: -60px;
}
@media only screen and (max-width: 767px) {
.related-posts-slider2 .owl-controls .owl-buttons .owl-next {
right: -24px;
}
}
/* General Post Styles */
/*-----------------------------------*/
.article {
margin-bottom: 100px;
}
@media only screen and (max-width: 1599px) {
.article {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1229px) {
.article {
margin-bottom: 60px;
}
}
.post-title {
font-size: 28px;
text-align: center;
margin-bottom: .8em;
word-break: break-all;
}
@media only screen and (max-width: 991px) {
.post-title {
font-size: 26px;
}
}
@media only screen and (max-width: 767px) {
.post-title {
font-size: 24px;
}
}
.single-post .post-title {
font-size: 26px;
}
@media only screen and (max-width: 767px) {
.single-post .post-title {
font-size: 22px;
}
}
.post-meta {
font-size: 0;
text-align: center;
margin-bottom: 24px;
}
.post-meta > * {
font-size: 13px;
}
@media only screen and (max-width: 1359px) {
.post-meta > * {
font-size: 13px;
}
}
@media only screen and (max-width: 1229px) {
.post-meta > * {
font-size: 13px;
}
}
@media only screen and (max-width: 991px) {
.post-meta > * {
font-size: 13px;
}
}
@media only screen and (max-width: 767px) {
.post-meta > * {
font-size: 13px;
}
}
.post-meta > *:after {
content: '/';
display: inline-block;
padding: 0 4px;
}
.post-meta > *.last:after {
display: none;
}
.post-meta.font2 {
font-family: 'Roboto Slab', serif;
}
.post-meta.font2 a {
color: #555;
}
.post-meta.font2 a:hover,
.post-meta.font2 a:active {
color: #308F6F;
}
.post-meta.font2 .post-author a {
color: #252525;
}
.post-meta.font2 .post-author a:hover,
.post-meta.font2 .post-author a:active {
color: #308F6F;
}
.post-category {
font-family: 'Montserrat', sans-serif;
padding: 0 16px;
position: relative;
display: inline-block;
text-transform: uppercase;
}
.post-category:before,
.post-category:after {
content: '\f219';
font-family: 'fontawesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 3px;
left: 0;
font-size: 8px;
color: #308F6F;
}
.post-category:after {
left: auto;
right: 0;
}
.post-category.last:after {
display: block;
padding: 0;
}
.post-media {
position: relative;
margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
.post-media {
margin-bottom: 15px;
}
}
.post-media iframe {
display: block;
}
.post-media img {
margin-left: auto;
margin-right: auto;
}
.post-media blockquote {
border: 4px solid #f1f1f1;
padding: 40px 30px 50px;
font-family: 'Raleway', sans-serif;
font-size: 15px;
font-style: italic;
font-weight: 300;
line-height: 1.9;
text-align: center;
}
.post-media blockquote:before {
content: '“ ';
}
.post-media blockquote:after {
content: ' “';
}
@media only screen and (max-width: 767px) {
.post-media blockquote {
padding: 30px 20px 50px;
font-size: 13px;
}
}
.post-label {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 24px;
color: #fff;
background-color: #308F6F;
position: absolute;
left: 0;
bottom: 0;
}
@media only screen and (max-width: 479px) {
.post-label {
width: 40px;
height: 40px;
line-height: 40px;
}
}
.post-links {
text-align: center;
}
.post-social {
font-size: 0;
text-align: center;
margin-bottom: 15px;
}
.post-social li {
display: inline-block;
margin: 0 8px 10px;
}
.post-social a {
display: block;
width: 22px;
height: 22px;
line-height: 20px;
text-align: center;
border: 1px solid transparent;
font-size: 12px;
color: #252525;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.post-social a:hover,
.post-social a:active {
color: #308F6F;
border-color: #e5e5e5;
}
.post-content {
font-size: 16px;
margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
.post-content {
font-size: 14px;
}
}
/* Posts in Carousel */
/*-----------------------------------*/
.main-carousel .article {
margin: 0;
}
.main-carousel .post-content {
position: absolute;
top: 50%;
left: 50%;
background-color: rgba(255, 255, 255, 0.95);
padding: 65px 40px;
opacity: 0;
-webkit-transform: translate3d(-50%, -50%, 0) scale(0);
-moz-transform: translate3d(-50%, -50%, 0) scale(0);
-o-transform: translate3d(-50%, -50%, 0) scale(0);
-ms-transform: translate3d(-50%, -50%, 0) scale(0);
transform: translate3d(-50%, -50%, 0) scale(0);
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
transition: all 0.6s;
}
@media only screen and (max-width: 991px) {
.main-carousel .post-content {
padding: 40px;
}
}
@media only screen and (max-width: 479px) {
.main-carousel .post-content {
padding: 20px;
max-width: 280px;
}
}
.main-carousel .post-content:before {
content: '';
position: absolute;
top: -12px;
left: -12px;
right: -12px;
bottom: -12px;
z-index: -1;
border: 2px solid #fff;
}
.main-carousel .current .post-content {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
-moz-transform: translate3d(-50%, -50%, 0) scale(1);
-o-transform: translate3d(-50%, -50%, 0) scale(1);
-ms-transform: translate3d(-50%, -50%, 0) scale(1);
transform: translate3d(-50%, -50%, 0) scale(1);
}
.main-carousel .post-meta.font2 {
margin-bottom: 0;
}
.main-carousel .post-media {
margin-bottom: 0;
}
/* Posts in Fly Slider, Media Header */
/*-----------------------------------*/
.fly-slider .article,
.fly-header .article {
margin: 0;
}
.fly-slider .post-content,
.fly-header .post-content {
background-color: rgba(255, 255, 255, 0.95);
padding: 65px;
margin: 0;
}
@media only screen and (max-width: 991px) {
.fly-slider .post-content,
.fly-header .post-content {
padding: 30px;
}
}
@media only screen and (max-width: 479px) {
.fly-slider .post-content,
.fly-header .post-content {
padding: 20px;
}
}
.fly-slider .post-content:before,
.fly-header .post-content:before {
content: '';
position: absolute;
top: -12px;
left: -12px;
right: -12px;
bottom: -12px;
z-index: 0;
border: 2px solid #fff;
display: block !important;
}
.fly-slider .post-content > *,
.fly-header .post-content > * {
position: relative;
}
.fly-slider .post-title,
.fly-header .post-title {
font-size: 22px;
margin-bottom: 1.2em;
}
@media only screen and (max-width: 767px) {
.fly-slider .post-title,
.fly-header .post-title {
font-size: 18px;
}
}
.fly-slider .post-meta.font2,
.fly-header .post-meta.font2 {
margin-bottom: 0;
}
/* Posts in SideBar */
/*-----------------------------------*/
.widget-posts .article {
padding-left: 80px;
position: relative;
min-height: 90px;
padding-bottom: 25px;
margin: 15px 0 25px;
border-bottom: 1px solid #e5e5e5;
}
.widget-posts .article:last-of-type {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
.widget-posts .article .post-media {
width: 64px;
position: absolute;
top: 0;
left: 0;
margin: 0;
}
.widget-posts .article .post-title {
font-family: 'Raleway', sans-serif;
font-size: 16px;
font-weight: 400;
color: #252525;
text-align: left;
text-transform: none;
line-height: 1.2;
margin-bottom: .6em;
}
.widget-posts .article .post-title a {
color: #252525;
}
.widget-posts .article .post-title a:hover,
.widget-posts .article .post-title a:active {
color: #308F6F;
}
.widget-posts .article .post-meta {
text-align: left;
margin: 0;
}
.widget-posts .article .post-meta > * {
font-size: 12px;
}
/* BlockQuote */
/*-----------------------------------*/
.blockquote {
display: block;
font-family: 'Roboto Slab', serif;
font-style: italic;
font-size: 17px;
line-height: 1.9;
color: #555;
border-left: 2px solid #308F6F;
padding-left: 1.5em;
margin: 2.6em 1.4em;
}
@media only screen and (max-width: 991px) {
.blockquote {
margin: 2em 0 2em 1em;
}
}
@media only screen and (max-width: 479px) {
.blockquote {
margin: 2em 0;
}
}
.blockquote cite,
.blockquote span {
display: block;
margin-top: 1em;
font-style: italic;
}
/* Unordered List */
/*-----------------------------------*/
.unordered-list {
margin: 2.5em 3em 3em 2.5em;
}
@media only screen and (max-width: 1229px) {
.unordered-list {
margin: 2em;
}
}
.unordered-list > li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.unordered-list > li:before {
content: '';
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #a4a4a4;
position: absolute;
top: 5px;
left: -16px;
}
@media only screen and (max-width: 767px) {
.unordered-list {
margin: 2em 6% 2.4em;
}
.unordered-list > li {
font-size: 13px;
}
.unordered-list > li:before {
top: 4px;
left: -20px;
}
}
@media only screen and (max-width: 767px) {
.unordered-list > li:before {
left: -17px;
}
}
/* Ordered List */
/*-----------------------------------*/
.ordered-list {
margin: 2.5em 3em 3em 2.5em;
list-style-type: none;
counter-reset: list;
}
@media only screen and (max-width: 1229px) {
.ordered-list {
margin: 2em;
}
}
.ordered-list > li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.ordered-list > li:before {
counter-increment: list;
content: counter(list) '.';
position: absolute;
top: -5px;
left: -35px;
width: 28px;
height: 26px;
font-size: 13px;
line-height: 26px;
font-style: normal;
text-align: right;
}
@media only screen and (max-width: 767px) {
.ordered-list {
margin: 2em 6% 2.4em;
}
.ordered-list > li {
font-size: 13px;
}
.ordered-list > li:before {
top: -6px;
left: -39px;
}
}
@media only screen and (max-width: 767px) {
.ordered-list > li:before {
left: -36px;
}
}
/* Definition List */
/*-----------------------------------*/
.definition-list {
margin: 2.5em 3em 3em 1.24em;
}
@media only screen and (max-width: 1229px) {
.definition-list {
margin: 2em .6em;
}
}
@media only screen and (max-width: 767px) {
.definition-list {
margin: 2em 1em;
}
}
@media only screen and (max-width: 479px) {
.definition-list {
margin: 2em 0;
}
}
.definition-list dt {
font-size: 12px;
font-weight: 500;
color: #444;
letter-spacing: .2em;
margin: .6em 0;
}
@media only screen and (max-width: 479px) {
.definition-list dt {
letter-spacing: 0;
}
}
.definition-list dd {
margin-bottom: 1.6em;
}
@media only screen and (max-width: 1229px) {
.definition-list dd {
margin-bottom: 1.4em;
}
}
/* HighLighted First Letter */
/*-----------------------------------*/
.first-letter:first-letter {
float: left;
font-size: 4.4em;
line-height: .8;
text-transform: uppercase;
padding: .18em .26em 0 0;
}
/* Blog Details */
/*-----------------------------------*/
.post-content blockquote {
display: block;
font-family: 'Roboto Slab', serif;
font-size: 17px;
line-height: 1.9;
color: #555;
border-left: 2px solid #308F6F;
padding-left: 1.5em;
margin: 2.6em 1.4em;
}
@media only screen and (max-width: 991px) {
.post-content blockquote {
margin: 2em 0 2em 1em;
}
}
@media only screen and (max-width: 479px) {
.post-content blockquote {
margin: 2em 0;
}
}
.post-content blockquote cite,
.post-content blockquote span {
display: block;
margin-top: 1em;
}
.post-content ul {
margin: 2.5em 3em 3em 2.5em;
}
@media only screen and (max-width: 1229px) {
.post-content ul {
margin: 2em;
}
}
.post-content ul > li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.post-content ul > li:before {
content: '';
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #a4a4a4;
position: absolute;
top: 5px;
left: -16px;
}
@media only screen and (max-width: 767px) {
.post-content ul {
margin: 2em 6% 2.4em;
}
.post-content ul > li {
font-size: 13px;
}
.post-content ul > li:before {
top: 4px;
left: -20px;
}
}
@media only screen and (max-width: 767px) {
.post-content ul > li:before {
left: -17px;
}
}
.post-content ol {
margin: 2.5em 3em 3em 2.5em;
list-style-type: none;
counter-reset: list;
}
@media only screen and (max-width: 1229px) {
.post-content ol {
margin: 2em;
}
}
.post-content ol > li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.post-content ol > li:before {
counter-increment: list;
content: counter(list) '.';
position: absolute;
top: -5px;
left: -35px;
width: 28px;
height: 26px;
font-size: 13px;
line-height: 26px;
font-style: normal;
text-align: right;
}
@media only screen and (max-width: 767px) {
.post-content ol {
margin: 2em 6% 2.4em;
}
.post-content ol > li {
font-size: 13px;
}
.post-content ol > li:before {
top: -6px;
left: -39px;
}
}
@media only screen and (max-width: 767px) {
.post-content ol > li:before {
left: -36px;
}
}
.post-content dl {
margin: 2.5em 3em 3em 1.24em;
}
@media only screen and (max-width: 1229px) {
.post-content dl {
margin: 2em .6em;
}
}
@media only screen and (max-width: 767px) {
.post-content dl {
margin: 2em 1em;
}
}
@media only screen and (max-width: 479px) {
.post-content dl {
margin: 2em 0;
}
}
.post-content dl dt {
font-size: 12px;
font-weight: 500;
color: #444;
letter-spacing: .2em;
margin: .6em 0;
}
@media only screen and (max-width: 479px) {
.post-content dl dt {
letter-spacing: 0;
}
}
.post-content dl dd {
margin-bottom: 1.6em;
}
@media only screen and (max-width: 1229px) {
.post-content dl dd {
margin-bottom: 1.4em;
}
}
.post-taglist {
padding-bottom: 12px;
margin-bottom: 20px;
}
.post-taglist a {
position: relative;
z-index: 0;
display: inline-block;
height: 30px;
line-height: 32px;
border: 1px solid #333;
font-family: 'Raleway', sans-serif;
font-size: 13px !important;
color: #333;
text-transform: uppercase;
padding: 0 0.9em 0 1.3em;
margin: 0 8px 8px 0;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.post-taglist a:before {
content: '';
width: 8px;
height: 8px;
border: 1px solid #e5e5e5;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 4px;
left: 4px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.post-taglist a:hover,
.post-taglist a:active {
border-color: #308F6F;
background-color: #308F6F;
color: #fff;
}
.post-taglist a:hover:before,
.post-taglist a:active:before {
border-color: #fff;
}
.post-bottom {
margin: 60px 0 -20px;
}
.post-bottom .post-social {
text-align: left;
}
@media only screen and (max-width: 767px) {
.post-bottom .post-social {
margin-bottom: 6px;
}
}
.post-bottom .post-meta {
text-align: right;
margin-right: 8px;
}
@media only screen and (max-width: 767px) {
.post-bottom .post-meta {
text-align: left;
margin: 0 0 0 15px;
}
}
/* Comments */
/*-----------------------------------*/
.comments {
margin-bottom: 50px;
}
.comments input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
top: 0;
margin-right: 10px;
}
@media only screen and (max-width: 1229px) {
.comments {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.comments {
margin-bottom: 30px;
}
}
.comments .title {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
color: #252525;
text-transform: uppercase;
margin-bottom: 3.2em;
}
.comment-list {
margin-bottom: 75px;
}
.comment {
padding: 0 0 0 100px;
}
@media only screen and (max-width: 479px) {
.comment {
padding: 0 0 0 90px;
}
}
.comment-body {
position: relative;
margin-bottom: 60px;
min-height: 60px;
}
.comment-avatar {
width: 80px;
height: 80px;
position: absolute;
top: 0;
left: -100px;
border-radius: 50%;
}
@media only screen and (max-width: 479px) {
.comment-avatar {
left: -90px;
}
}
.comment-avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.comment-meta {
font-size: 20px;
margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
.comment-meta {
font-size: 18px;
}
}
@media only screen and (max-width: 479px) {
.comment-meta {
font-size: 16px;
}
}
.comment-author {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #252525;
display: inline-block;
vertical-align: -1px;
margin-right: 1em;
}
.comment-author:hover,
.comment-author:active {
color: #308F6F;
}
.comment-date {
font-family: 'Roboto Slab', serif;
font-size: 13px;
color: #555;
}
a.comment-reply {
font-family: 'Noto Serif', serif;
font-size: 17px;
}
.comment-content {
font-size: 13px;
line-height: 1.9;
word-wrap: break-word;
}
@media only screen and (max-width: 1229px) {
.comment-content {
line-height: 1.52;
}
}
.comment-content p {
margin-bottom: 1em;
}
.children .comment {
padding-left: 0;
padding-right: 0;
}
.children .comment-body {
padding-left: 100px;
}
@media only screen and (max-width: 991px) {
.children .comment-body {
padding-left: 40px;
}
}
@media only screen and (max-width: 479px) {
.children .comment-body {
padding-left: 0;
}
}
.children .comment-avatar {
left: 0;
}
@media only screen and (max-width: 991px) {
.children .comment-avatar {
left: -60px;
}
}
@media only screen and (max-width: 479px) {
.children .comment-avatar {
left: -90px;
}
}
/* =========================================================================
Tut
=========================================================================== */
.comment-list .comment blockquote {
display: block;
font-family: 'Roboto Slab', serif;
font-style: italic;
font-size: 17px;
line-height: 1.9;
color: #555;
border-left: 2px solid #308F6F;
padding-left: 1.5em;
margin: 2.6em 1.4em;
}
@media only screen and (max-width: 991px) {
.comment-list .comment blockquote {
margin: 2em 0 2em 1em;
}
}
@media only screen and (max-width: 479px) {
.comment-list .comment blockquote {
margin: 2em 0;
}
}
.comment-list .comment blockquote cite,
.comment-list .comment blockquote span {
display: block;
margin-top: 1em;
font-style: italic;
}
.comment-list .comment ul {
margin: 2.5em 3em 3em 2.5em;
}
@media only screen and (max-width: 1229px) {
.comment-list .comment ul {
margin: 2em;
}
}
.comment-list .comment ul > li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.comment-list .comment ul > li:before {
content: '';
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #a4a4a4;
position: absolute;
top: 5px;
left: -16px;
}
@media only screen and (max-width: 767px) {
.comment-list .comment ul {
margin: 2em 6% 2.4em;
}
.comment-list .comment ul > li {
font-size: 13px;
}
.comment-list .comment ul > li:before {
top: 4px;
left: -20px;
}
}
@media only screen and (max-width: 767px) {
.comment-list .comment ul > li:before {
left: -17px;
}
}
.comment-list .comment ol {
margin: 2.5em 3em 3em 2.5em;
list-style-type: none;
counter-reset: list;
}
@media only screen and (max-width: 1229px) {
.comment-list .comment ol {
margin: 2em;
}
}
.comment-list .comment ol > li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.comment-list .comment ol > li:before {
counter-increment: list;
content: counter(list) '.';
position: absolute;
top: -5px;
left: -35px;
width: 28px;
height: 26px;
font-size: 13px;
line-height: 26px;
font-style: normal;
text-align: right;
}
@media only screen and (max-width: 767px) {
.comment-list .comment ol {
margin: 2em 6% 2.4em;
}
.comment-list .comment ol > li {
font-size: 13px;
}
.comment-list .comment ol > li:before {
top: -6px;
left: -39px;
}
}
@media only screen and (max-width: 767px) {
.comment-list .comment ol > li:before {
left: -36px;
}
}
.comment-list .comment dl {
margin: 2.5em 3em 3em 1.24em;
}
@media only screen and (max-width: 1229px) {
.comment-list .comment dl {
margin: 2em .6em;
}
}
@media only screen and (max-width: 767px) {
.comment-list .comment dl {
margin: 2em 1em;
}
}
@media only screen and (max-width: 479px) {
.comment-list .comment dl {
margin: 2em 0;
}
}
.comment-list .comment dl dt {
font-size: 12px;
font-weight: 500;
color: #444;
letter-spacing: .2em;
margin: .6em 0;
}
@media only screen and (max-width: 479px) {
.comment-list .comment dl dt {
letter-spacing: 0;
}
}
.comment-list .comment dl dd {
margin-bottom: 1.6em;
}
@media only screen and (max-width: 1229px) {
.comment-list .comment dl dd {
margin-bottom: 1.4em;
}
}
.comment-list .comment ul > li,
.comment-list .comment ol > li {
line-height: 1.6;
}
.comment-list .comment ul > li:before,
.comment-list .comment ol > li:before {
top: 8px;
}
.comment-list .comment ul ul,
.comment-list .comment ol ul,
.comment-list .comment ul ol,
.comment-list .comment ol ol {
margin: .5em 3em .5em 1.5em;
}
.comment-list .comment ol > li:before {
top: -2px;
}
.comment-list .comment dl dd {
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.comment-list .comment blockquote {
font-size: 15px;
}
}
.comment-list .comment h1,
.comment-list .comment h2,
.comment-list .comment h3,
.comment-list .comment h4,
.comment-list .comment h5,
.comment-list .comment h6 {
margin-top: 1.5em;
}
/* General Widget Styles */
/*-----------------------------------*/
.widget-sidebar,
.fly-accordion {
margin-top: 13px;
margin-bottom: 50px;
border: 1px solid #e5e5e5;
padding: 30px 20px 20px;
-webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #e5e5e5;
-moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #e5e5e5;
box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #e5e5e5;
position: relative;
}
.widget-sidebar .widget-title,
.fly-accordion .widget-title {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 400;
color: #252525;
text-align: center;
position: absolute;
top: -13px;
left: 0;
right: 0;
}
.widget-sidebar .widget-title span,
.fly-accordion .widget-title span {
display: inline-block;
border: 1px solid #308F6F;
padding: .8em 1.8em .7em;
background: #fff;
}
.fly-accordion .panel-group {
margin-bottom: 0;
}
/* Widget Categories */
/*-----------------------------------*/
.widget_categories li {
border-top: 1px solid #f1f1f1;
}
.widget_categories li:first-child {
border-top: none;
}
.widget_categories li.active a {
color: #308F6F;
}
.widget_categories a {
display: block;
padding: 16px 0;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #555;
}
.widget_categories a:before,
.widget_categories a:after {
content: '';
display: table;
}
.widget_categories a:after {
clear: both;
}
.widget_categories a:hover,
.widget_categories a:active {
color: #308F6F;
}
.widget_categories a span {
float: right;
}
.footer .widget_categories ul {
margin-top: 0;
}
.footer .widget_categories li {
float: left;
width: 44%;
margin: 0 6% 20px 0;
border: none;
}
.footer .widget_categories a {
display: inline-block;
padding: 0 0 2px;
position: relative;
}
.footer .widget_categories a:before,
.footer .widget_categories a:after {
content: '';
display: block;
position: absolute;
left: 50%;
right: 50%;
bottom: 0;
height: 1px;
background-color: #444;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.footer .widget_categories a:hover,
.footer .widget_categories a:active {
color: #444;
}
.footer .widget_categories a:hover:before,
.footer .widget_categories a:active:before {
left: 0;
}
.footer .widget_categories a:hover:after,
.footer .widget_categories a:active:after {
right: 0;
}
/* Widget Tags */
/*-----------------------------------*/
.widget_tag_cloud,
.widget_product_tag_cloud {
font-size: 0;
padding-right: 12px;
}
.widget_tag_cloud a,
.widget_product_tag_cloud a {
position: relative;
z-index: 0;
display: inline-block;
height: 30px;
line-height: 30px;
border: 1px solid #333;
font-family: 'Raleway', sans-serif;
font-size: 12px !important;
color: #333;
text-transform: uppercase;
padding: 0 0.9em 0 1.3em;
margin: 0 8px 8px 0;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.widget_tag_cloud a:before,
.widget_product_tag_cloud a:before {
content: '';
width: 8px;
height: 8px;
border: 1px solid #e5e5e5;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 4px;
left: 4px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover,
.widget_tag_cloud a:active,
.widget_product_tag_cloud a:active {
border-color: #308F6F;
background-color: #308F6F;
color: #fff;
}
.widget_tag_cloud a:hover:before,
.widget_product_tag_cloud a:hover:before,
.widget_tag_cloud a:active:before,
.widget_product_tag_cloud a:active:before {
border-color: #fff;
}
/* Widget Log In */
/*-----------------------------------*/
.widget-login .forgot {
float: right;
margin-top: 11px;
}
/* Widget Subscribe */
/*-----------------------------------*/
.widget_mc4wp_form_widget p {
line-height: 2.2;
margin-bottom: 1.2em;
}
/* Widget Calendar */
/*-----------------------------------*/
.widget_calendar table {
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-align: center;
border: none;
position: relative;
}
.widget_calendar table thead {
margin-bottom: 24px;
font-size: 10px;
}
.widget_calendar table thead th {
color: #252525;
text-align: center;
background: none;
font-size: 11px;
padding-bottom: 10px;
}
.widget_calendar table tbody td,
.widget_calendar table tbody td span {
padding: 11px 4px;
}
.widget_calendar table caption {
height: 24px;
line-height: 24px;
font-size: 14px;
color: #252525;
text-align: center;
margin-bottom: 26px;
}
.widget_calendar table #today {
position: relative;
z-index: 0;
padding-left: 0;
padding-right: 0;
color: #fff;
}
.widget_calendar table #today:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: #308F6F;
border-radius: 50%;
}
.widget_calendar table tfoot {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.widget_calendar table tfoot a {
display: inline-block;
overflow: hidden;
text-indent: 1000px;
}
.widget_calendar table tfoot tr td#prev a,
.widget_calendar table tfoot tr td#next a {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
font-size: 12px;
color: #252525;
display: block;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget_calendar table tfoot tr td#prev a:hover,
.widget_calendar table tfoot tr td#next a:hover,
.widget_calendar table tfoot tr td#prev a:active,
.widget_calendar table tfoot tr td#next a:active {
color: #308F6F;
}
.widget_calendar table tfoot tr td#prev a:before,
.widget_calendar table tfoot tr td#next a:before {
content: '\e913';
line-height: 24px;
text-align: center;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: auto;
background-color: #fff;
}
.widget_calendar table tfoot tr td#prev a {
right: auto;
left: 0;
}
.widget_calendar table tfoot tr td#prev a:before {
content: '\e912';
}
/* Widget Pinterest */
/*-----------------------------------*/
.widget-instagram ul {
font-size: 0;
margin: 0 -3px;
}
.widget-instagram li {
display: inline-block;
vertical-align: top;
width: 33%;
padding: 3px;
}
.widget-instagram a {
display: block;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget-instagram a:hover,
.widget-instagram a:active {
opacity: .6;
}
.widget-instagram img {
width: 100%;
}
/* Widget Text */
/*-----------------------------------*/
.widget_text p {
font-size: 13px;
margin: 0;
}
/* Widget About The Author */
/*-----------------------------------*/
.widget-author {
position: relative;
min-height: 170px;
padding: 28px 30px 20px 200px;
border: 1px solid #e5e5e5;
margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
.widget-author {
padding: 28px 15px 20px 160px;
}
}
@media only screen and (max-width: 767px) {
.widget-author {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 479px) {
.widget-author {
padding: 20px 15px;
}
}
.widget-author .avatar {
position: absolute;
top: 26px;
left: 30px;
width: 128px;
height: 128px;
border: 4px solid #e5e5e5;
border-radius: 50%;
overflow: hidden;
}
@media only screen and (max-width: 991px) {
.widget-author .avatar {
left: 15px;
}
}
@media only screen and (max-width: 479px) {
.widget-author .avatar {
position: static;
margin-bottom: 10px;
}
}
.widget-author .avatar img {
width: 100%;
border-radius: 50%;
}
.widget-author .name {
font-family: 'Raleway', sans-serif;
font-size: 18px;
color: #252525;
margin-bottom: .6em;
}
.widget-author .job {
font-family: 'Roboto Slab', serif;
font-style: italic;
letter-spacing: .02em;
color: #555;
margin-bottom: .8em;
}
.widget-author .post-social {
text-align: left;
margin: 0 0 0 -15px;
}
/* Widget Info */
/*-----------------------------------*/
.widget-info {
margin-bottom: 40px;
}
.widget-info li {
line-height: 1.4;
margin-bottom: 30px;
}
.widget-info li:last-child {
margin-bottom: 0;
}
.widget-info strong {
font-weight: 600;
color: #252525;
}
.widget-info.style2 li {
margin-bottom: 34px;
}
.widget-info.style2 li:last-child {
margin-bottom: 0;
}
.widget-info.style2 strong {
display: block;
margin-bottom: 1em;
}
/* Widget Facebook */
/*-----------------------------------*/
.widget-facebook img,
.widget-facebook iframe {
display: block;
margin: 0 auto;
}
/* =========================================================================
MailChimp Form
=========================================================================== */
.widget-sidebar .mc4wp-form label {
display: none;
}
.widget-sidebar .mc4wp-form p {
margin: 0;
}
.widget-sidebar .mc4wp-form input[type="email"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 36px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget-sidebar .mc4wp-form input[type="email"]:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.text-block .mc4wp-form {
text-align: center;
}
.text-block .mc4wp-form label {
display: none;
}
.text-block .mc4wp-form .mc4wp-form-fields {
font-size: 0;
}
.text-block .mc4wp-form p {
margin: 0;
display: inline-block;
vertical-align: top;
}
.text-block .mc4wp-form input[type="email"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 36px;
min-width: 270px;
margin: 0 auto;
padding: 0 1em;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: #fff;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.text-block .mc4wp-form input[type="email"]:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.text-block .mc4wp-form input[type="submit"] {
position: relative;
z-index: 0;
outline: none;
vertical-align: top;
height: 36px;
line-height: 34px;
border: 1px solid #252525;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #252525;
font-family: 'Raleway', sans-serif;
font-size: 11px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.02em;
padding: 0 19.23076923px;
overflow: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
display: block;
margin: 0 auto;
}
.section {
border: 1px solid #f2f2f2;
padding: 40px 30px;
margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
.section {
padding: 30px 15px;
}
}
.section .title {
font-family: 'Raleway', sans-serif;
font-size: 24px;
font-weight: 400;
color: #252525;
text-transform: none;
margin-bottom: 2.4em;
}
@media only screen and (max-width: 767px) {
.section .title {
margin-bottom: 1.4em;
}
}
/* About the Author */
/*---------------------------------------------*/
.section-author {
padding-top: 100px;
margin-top: 64px;
position: relative;
}
.section-author .avatar {
position: absolute;
top: -65px;
left: 50%;
width: 128px;
height: 128px;
border: 4px solid #e5e5e5;
border-radius: 50%;
overflow: hidden;
margin-left: -64px;
}
.section-author .avatar img {
width: 100%;
border-radius: 50%;
}
.section-author .name {
margin-bottom: .6em;
}
.section-author .job {
font-family: 'Roboto Slab', serif;
font-style: italic;
font-size: 14px;
letter-spacing: .02em;
color: #555;
margin-bottom: 1.4em;
}
.section-author .post-social {
text-align: left;
margin: 0 0 0 -15px;
}
.section-author .link {
font-family: 'Noto Serif', serif;
font-size: 17px;
}
/* =========================================================================
Testimonials
=========================================================================== */
.fw-testimonials .fw-testimonials-pagination a {
background-color: #e5e5e5;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.fw-testimonials .fw-testimonials-pagination a:hover,
.fw-testimonials .fw-testimonials-pagination a:active,
.fw-testimonials .fw-testimonials-pagination a.selected {
background-color: #308F6F;
}
.fw-testimonials-1 .fw-testimonials-title,
.fw-testimonials-2 .fw-testimonials-title {
font-size: 26px;
}
.fw-testimonials-1 .fw-testimonials-author,
.fw-testimonials-2 .fw-testimonials-author {
font-size: 15px;
}
.fw-testimonials-1 .fw-testimonials-text,
.fw-testimonials-2 .fw-testimonials-text {
padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.fw-testimonials-1 .fw-testimonials-text p,
.fw-testimonials-2 .fw-testimonials-text p {
font-size: 14px !important;
}
}
.fw-testimonials-1 .fw-testimonials-pagination,
.fw-testimonials-2 .fw-testimonials-pagination {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.fw-testimonials-1 .fw-testimonials-pagination,
.fw-testimonials-2 .fw-testimonials-pagination {
margin-top: 10px;
}
}
.fw-testimonials-1 .prev,
.fw-testimonials-2 .prev,
.fw-testimonials-1 .next,
.fw-testimonials-2 .next {
line-height: 38px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.fw-testimonials-1 .prev:hover,
.fw-testimonials-2 .prev:hover,
.fw-testimonials-1 .next:hover,
.fw-testimonials-2 .next:hover,
.fw-testimonials-1 .prev:active,
.fw-testimonials-2 .prev:active,
.fw-testimonials-1 .next:active,
.fw-testimonials-2 .next:active {
color: #308F6F;
border-color: #308F6F;
}
.fw-testimonials-2 .fw-testimonials-pagination {
bottom: 26px;
}
@media only screen and (max-width: 479px) {
.fw-testimonials-2 .fw-testimonials-arrows {
bottom: -35px;
}
.fw-testimonials-2 .fw-testimonials-pagination {
bottom: -28px;
}
}
/* =========================================================================
Menu
=========================================================================== */
.section-menu {
position: relative;
padding: 60px 0;
}
@media only screen and (max-width: 767px) {
.section-menu {
padding: 40px 0;
}
}
.section-menu .image {
position: absolute;
top: 0;
left: 0;
right: 50%;
bottom: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.section-menu .title {
font-size: 26px;
text-align: center;
margin-bottom: 2em;
}
.section-menu .menu-items {
margin: 0 20px 50px;
}
@media only screen and (max-width: 1799px) {
.section-menu .menu-items {
margin: 0 0 50px;
}
}
.section-menu .menu-items li {
padding-left: 80px;
margin-bottom: 30px;
position: relative;
}
.section-menu .menu-items .item-title,
.section-menu .menu-items .item-description {
margin-right: 50px;
}
@media only screen and (max-width: 991px) {
.section-menu .menu-items .item-title,
.section-menu .menu-items .item-description {
margin-right: 40px;
}
}
@media only screen and (max-width: 479px) {
.section-menu .menu-items .item-title,
.section-menu .menu-items .item-description {
margin-right: 30px;
}
}
@media only screen and (max-width: 767px) {
.section-menu .menu-items .item-description {
margin-right: 0;
}
}
.section-menu .col-sm-6:nth-child(2n + 1) .menu-items {
margin-left: 0;
}
.section-menu .col-sm-6:nth-child(2n) .menu-items {
margin-right: 0;
}
.section-menu .buttons {
text-align: center;
}
@media only screen and (max-width: 767px) {
.section-menu .buttons .mdl-button {
margin-bottom: 0;
}
}
@media only screen and (max-width: 479px) {
.section-menu .buttons .mdl-button {
width: auto;
}
}
.section-menu .subtitle {
font-size: 15px;
font-style: italic;
line-height: 1.4;
text-align: center;
margin-bottom: 2.6em;
}
.section-menu .menu-items {
margin-right: 50px;
margin-bottom: 70px;
}
@media only screen and (max-width: 1359px) {
.section-menu .menu-items {
margin-right: 0;
}
}
@media only screen and (max-width: 991px) {
.section-menu .menu-items {
margin-bottom: 40px;
}
}
.section-menu .menu-items li {
position: relative;
padding-top: 8px;
margin-bottom: 50px;
}
.section-menu .menu-items .item-title {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #444;
margin-right: 80px;
background-color: #fff;
padding-right: 5px;
position: relative;
}
@media only screen and (max-width: 991px) {
.section-menu .menu-items .item-title {
font-size: 18px;
margin-right: 60px;
}
}
@media only screen and (max-width: 479px) {
.section-menu .menu-items .item-title {
font-size: 16px;
margin-right: 50px;
}
}
.section-menu .menu-items .item-price {
font-size: 16px;
font-weight: 700;
color: #444;
position: absolute;
top: 0;
right: 0;
padding-left: 6px;
background-color: #fff;
}
@media only screen and (max-width: 991px) {
.section-menu .menu-items .item-price {
font-size: 18px;
}
}
@media only screen and (max-width: 479px) {
.section-menu .menu-items .item-price {
font-size: 16px;
}
}
.section-menu .menu-items .item-description {
font-size: 14px;
font-style: italic;
line-height: 1.3;
margin-right: 80px;
}
@media only screen and (max-width: 991px) {
.section-menu .menu-items .item-description {
margin-right: 60px;
}
}
@media only screen and (max-width: 767px) {
.section-menu .menu-items .item-description {
margin-right: 0;
}
}
.section-menu .image {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.section-menu .buttons {
text-align: center;
}
}
.section-menu .buttons .mdl-button + .mdl-button {
margin-left: 16px;
}
@media only screen and (max-width: 479px) {
.section-menu .buttons .mdl-button + .mdl-button {
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.section-menu .buttons .mdl-button {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 479px) {
.section-menu .buttons .mdl-button {
width: 100%;
}
}
.section-menu .sauses {
font-size: 12px;
font-style: italic;
color: #444;
line-height: 1.2;
text-align: center;
}
.section-menu .sauses li {
margin-bottom: .1em;
}
.section-menu .item-header {
margin-bottom: 5px;
position: relative;
}
.section-menu .item-header:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 2px;
border-bottom: 1px dashed #444;
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
overflow: hidden!important;
}
#swipebox-overlay img {
border: none!important;
}
#swipebox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999!important;
overflow: hidden;
user-select: none;
background: rgba(85, 85, 85, 0.9);
}
#swipebox-container {
position: relative;
width: 100%;
height: 100%;
}
#swipebox-slider {
transition: transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
}
#swipebox-slider .slide {
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
background: none;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 5%;
box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
position: absolute;
left: 0;
right: 0;
z-index: 999;
}
#swipebox-bottom-bar {
top: 50%;
margin-top: -25px;
}
#swipebox-top-bar {
bottom: 0;
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 13px;
background-color: #308F6F;
padding: 20px 5%;
}
@media only screen and (max-width: 991px) {
#swipebox-top-bar {
font-size: 13px;
}
}
@media only screen and (max-width: 767px) {
#swipebox-top-bar {
font-size: 13px;
}
}
@media only screen and (max-width: 479px) {
#swipebox-top-bar {
font-size: 13px;
}
}
#swipebox-title {
display: block;
width: 100%;
text-align: center;
}
#swipebox-prev,
#swipebox-next,
#swipebox-close {
font-family: 'FontAwesome';
border: none;
text-decoration: none!important;
cursor: pointer;
width: 50px;
height: 50px;
top: 0;
font-size: 50px;
color: #fff;
text-align: center;
line-height: 50px;
}
#swipebox-prev:hover,
#swipebox-next:hover,
#swipebox-close:hover,
#swipebox-prev:active,
#swipebox-next:active,
#swipebox-close:active {
color: #308F6F;
border-color: #308F6F;
}
#swipebox-arrows {
display: block;
margin: 0 auto;
width: 100%;
height: 50px;
}
#swipebox-prev,
#swipebox-next {
width: 40px;
height: 40px;
line-height: 32px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
font-size: 24px;
color: #fff;
text-shadow: none;
text-align: center;
margin: 0 20px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#swipebox-prev {
float: left;
}
#swipebox-prev:before {
content: '\f053';
}
#swipebox-next {
float: right;
}
#swipebox-next:before {
content: '\f054';
}
#swipebox-close {
top: 0;
right: 20px;
position: absolute;
z-index: 9999;
font-size: 20px;
}
#swipebox-close:before {
content: '\f00d';
}
.swipebox-no-close-button #swipebox-close {
display: none;
}
#swipebox-prev.disabled,
#swipebox-next.disabled {
opacity: .6;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before,
.swipebox-touch #swipebox-container:after {
backface-visibility: hidden;
transition: all .3s ease;
content: ' ';
position: absolute;
z-index: 999;
top: 0;
height: 100%;
width: 20px;
opacity: 0;
}
.swipebox-touch #swipebox-container:before {
left: 0;
box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
right: 0;
box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
opacity: 1;
}
@keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.confirm,
.form-title-ajax {
text-align: center;
}
.footer-socials-space {
height: 25px;
}
.post-social a.fly_loved {
color: #308F6F;
}
.pager {
margin-bottom: 80px;
}
a.comment-reply-link {
font-size: 14px;
}
.children {
padding-left: 80px;
}
@media only screen and (max-width: 991px) {
.children {
padding-left: 60px;
}
.children .children {
padding-left: 0;
}
}
.children .children .children {
padding-left: 0;
}
@media only screen and (max-width: 479px) {
.children {
padding-left: 90px;
}
}
blockquote p {
line-height: 1.9;
}
.comment-reply-title {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
color: #252525;
text-transform: uppercase;
margin-bottom: 1.2em;
}
.fw-special-title {
font-size: 24px;
color: #252525;
}
.fw-heading-center {
text-align: center;
}
.section-height-sm {
height: 360px;
}
.section-height-md {
height: 480px;
}
.section-height-lg {
height: 680px;
}
.space-sm {
height: 30px;
}
.space-md {
height: 60px;
}
.space-lg {
height: 90px;
}
@media (max-width: 768px) {
.space-sm {
height: 25px !important;
}
.space-md {
height: 40px !important;
}
.space-lg {
height: 60px !important;
}
.custom-space {
height: 60px !important;
}
.section-height-sm {
height: auto !important;
}
.section-height-md {
height: auto !important;
}
.section-height-lg {
height: auto !important;
}
.section-height-custom {
height: auto !important;
}
}
/* WP Widgets */
/* common code */
.widget_rss li:first-child,
.widget_pages li:first-child,
.widget_nav_menu li:first-child,
.widget_meta li:first-child,
.widget_archive li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: none;
}
.widget_rss li,
.widget_pages li,
.widget_nav_menu li,
.widget_meta li,
.widget_archive li,
.widget_recent_comments li,
.widget_recent_entries li {
border-top: 1px solid #f1f1f1;
}
.widget_pages a,
.widget_nav_menu a,
.widget_meta a,
.widget_archive a,
.widget_recent_entries a {
display: block;
padding: 16px 0;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
color: #555;
}
.widget_pages a:before,
.widget_pages a:after,
.widget_nav_menu a:before,
.widget_nav_menu a:after,
.widget_meta a:before,
.widget_meta a:after,
.widget_archive a:before,
.widget_archive a:after,
.widget_recent_entries a:before,
.widget_recent_entries a:after {
content: '';
display: table;
}
.widget_pages a:after,
.widget_nav_menu a:after,
.widget_meta a:after,
.widget_archive a:after,
.widget_recent_comments a:after,
.widget_recent_entries a:after {
clear: both;
}
.widget_pages a:hover,
.widget_pages a:active,
.widget_nav_menu a:hover,
.widget_nav_menu a:active,
.widget_meta a:hover,
.widget_meta a:active,
.widget_archive a:hover,
.widget_archive a:active,
.widget_recent_comments a:hover,
.widget_recent_comments a:active,
.widget_recent_entries a:hover,
.widget_recent_entries a:active {
color: #308F6F;
}
/* end common code */
.widget_text .textwidget {
line-height: 1.8;
margin: 0;
}
.widget_rss li,
.widget_recent_comments li {
display: block;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.8;
}
.widget_recent_comments a {
color: #308F6F;
}
.widget_recent_comments a:hover {
opacity: 0.8;
}
.widget_rss .widget-title img {
display: none;
}
.widget_rss cite,
.widget_rss .rss-date {
display: block;
color: #999;
}
.widget_rss a.rsswidget {
font-size: 16px;
}
.widget-sidebar .screen-reader-text {
display: none;
}
.widget-instagram .fly-btn-instagram {
margin-top: 18px;
}
section {
position: relative;
}
.fly-overlay {
width: 100%;
height: 100%;
position: absolute;
}
.postlist-masonry > article {
width: 32%;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.postlist-masonry > article {
width: 92%;
padding: 0;
}
iframe {
height: auto;
}
}
main.content {
overflow: hidden;
}
.postlist-masonry iframe {
height: auto;
}
.contact-form sup {
color: #308F6F;
top: -2px;
}
/* btn styles */
.btn.btn-round {
border-radius: 20px;
}
.btn.btn-lg {
font-size: 16px;
height: 54px;
line-height: 52px;
padding: 0 27px;
}
.btn.btn-lg.btn-round {
border-radius: 27px;
}
.btn.btn-sm {
font-size: 12px;
height: 30px;
line-height: 28px;
padding: 0 15px;
}
.btn.btn-sm.btn-round {
border-radius: 15px;
}
.sh-btn {
margin-right: 10px;
}
/* icon box */
.fw-iconbox {
margin-top: 0;
text-align: left;
}
.fw-iconbox .icon {
float: left;
margin-top: 20px;
margin-right: 20px;
}
.fw-iconbox .text {
overflow: hidden;
}
.fw-iconbox .title-info {
margin-bottom: 15px;
margin-top: 30px;
}
.fw-testimonials .fw-testimonials-text p,
.fly-tabs-container .description,
.fly-tabs-container .description p,
.fw-service .description,
.fw-service .description p,
.fw-iconbox .text-description,
.fw-iconbox .text-description p {
font-size: 16px;
line-height: 1.6;
}
.fw-iconbox .icons-info {
font-size: 40px;
}
.fw-service {
text-align: center;
}
.fw-service .icon {
font-size: 62px;
line-height: 66px;
margin-bottom: 10px;
}
.fw-service .description {
margin-top: 15px;
color: #777777;
}
.section {
border: none;
padding: 0;
}
/* Tabs */
.fly-tabs-container .nav-text {
margin: 0 auto;
text-align: center;
}
.fly-tabs-container .nav-text > li {
margin: 0 10px 10px 0;
display: inline-block;
}
.fly-tabs-container .client-logo i {
font-size: 35px;
width: auto;
margin-bottom: 5px;
}
.fly-tabs-container .tab-content {
padding-top: 10px;
text-align: center;
max-width: 760px;
min-height: 130px;
margin: 0 auto;
}
.fly-tabs-container .client-logo .fly-tab-title {
color: #308F6F;
}
.fly-tabs-container .nav > li > a {
padding: 10px;
}
.fly-tabs-container .nav-text > li > a:hover .fly-tab-title,
.fly-tabs-container .active .client-logo .fly-tab-title,
.fly-tabs-container .active .client-logo {
color: #308F6F;
}
.fly-tabs-container .nav > li > a:focus,
.fly-tabs-container .nav > li > a:hover {
background-color: transparent;
}
.fly-tabs-container .nav-text > li .client-logo img {
width: 90px;
border-radius: 50%;
margin-bottom: 15px;
}
.fly-tabs-container .nav-text > li.active a .client-logo img {
opacity: 1;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.fw-testimonials .fw-testimonials-item {
float: left;
}
.fw-testimonials .fw-testimonials-author .author-name,
.fw-testimonials .fw-testimonials-author em {
margin-right: 3px;
}
.fw-testimonials-2 .fw-testimonials-author .author-name {
line-height: 20px;
}
.fw-testimonials-2 .fw-testimonials-author em {
line-height: 22px;
}
.fw-testimonials-1 .fw-testimonials-author em:before,
.fw-testimonials-1 .fw-testimonials-author .fw-testimonials-url:before {
content: none;
}
.fly-team-member {
display: block;
text-align: center;
margin-bottom: 20px;
}
.fly-team-member .content {
padding: 25px;
}
.fly-team-member .avatar {
width: 120px;
height: 120px;
border: 3px solid #308F6F;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin: 0 auto;
}
.fly-team-member .avatar > img {
margin: 0 auto;
width: 100%;
height: 100%;
}
.fly-team-member .fly-member-description {
margin-top: 15px;
}
.fly-team-member .fly-member-description p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 10px;
}
.fly-basic-information .post-social {
text-align: left;
margin: 0 0 0 -15px;
}
.fly-basic-information .link {
font-family: 'Noto Serif', serif;
font-size: 17px;
}
.fly-image-shortocode.avatar {
position: absolute;
top: -100px;
left: 50%;
width: 128px;
height: 128px;
border: 4px solid #e5e5e5;
border-radius: 50%;
overflow: hidden;
margin-left: -64px;
}
.author-job {
font-family: 'Roboto Slab', serif;
font-style: italic;
font-size: 14px;
letter-spacing: .02em;
color: #555;
margin-bottom: 1.4em;
display: block;
}
.container-fluid {
padding: 0;
}
.top-menu .container-fluid {
padding-right: 15px;
padding-left: 15px;
}
.fly-header-image .post-category,
.fly-slider .post-category,
.main-carousel .post-category {
color: #308F6F;
}
.bypostauthor {
overflow: hidden;
}
.fly-no-absolute-header.header-2 .navigation-wrapper .nav-menu > li > a.menu-link {
color: #555;
}
.fly-no-absolute-header .navigation-wrapper {
position: relative;
border-bottom: 1px solid #f6f6f6;
}
.section-header-styled {
overflow: hidden;
}
.fly-no-absolute-header .navigation-wrapper .hamburger a {
border-color: #444;
}
.fly-no-absolute-header .navigation-wrapper .hamburger a:before {
background-color: #444;
}
.header-1.fly-absolute-header .header {
position: absolute;
z-index: 1;
left: 0;
right: 0;
}
.header-1.fly-absolute-header .logo {
padding: 20px 15px;
}
.header-1.fly-absolute-header .navigation {
border: none;
padding: 0 15px;
}
@media (min-width: 768px) {
.header-1.fly-absolute-header .navigation:not(.sticky) .nav-menu > li > a.menu-link {
color: #fff;
}
.header-1.fly-absolute-header .navigation:not(.sticky) .nav-menu > li:hover > a.menu-link,
.header-1.fly-absolute-header .navigation:not(.sticky) .nav-menu > li:active > a.menu-link,
.header-1.fly-absolute-header .navigation:not(.sticky) .nav-menu > li.active > a.menu-link,
.header-1.fly-absolute-header .navigation:not(.sticky) .nav-menu > li.current-menu-item > a.menu-link {
color: #308F6F;
border-bottom-color: #308F6F;
}
}
.header-1.fly-absolute-header .hamburger:not(.active) {
position: absolute;
top: -100px;
right: 15px;
}
.text-block {
margin-bottom: 40px;
}
.widget-skills {
margin-bottom: 50px;
}
.related-posts-slider2 .article {
margin-bottom: 0;
}
.single-fw-portfolio .portfolio-title {
font-size: 26px;
}
@media only screen and (max-width: 479px) {
.single-fw-portfolio .portfolio-title {
font-size: 22px;
}
}
.single-fw-portfolio .post-content h3 {
font-size: 22px;
margin-top: 1em;
}
.single-fw-portfolio .post-bottom {
margin-top: 0;
}
.single-fw-portfolio .post-content ol,
.single-fw-portfolio .post-content ul {
margin: 1.5em 1em 2.5em 1.2em;
}
.fly-recipe-title {
font-size: 24px;
}
.fly-recipe h3 {
font-size: 20px;
}
.article.sticky {
background: #f8f8f8;
padding: 40px 20px;
}
.article .post-content .fly-recipe ol > li:before {
top: 3px;
}
.single-fw-portfolio .post-content .post-title {
margin-top: 0;
}
.slide-content .article .post-content {
margin-bottom: 0;
}
.section-text-white .fw-special-title {
color: #fff;
}
.fly-basic-information,
.fly-experince {
font-size: 16px;
}
.fly-basic-information .title,
.fly-experince .title {
margin-bottom: 1.4em;
}
.fly-raw-code {
font-size: 16px;
white-space: pre-wrap;
}
.fly-raw-code,
.fly-recipe {
background-color: #f6f6f6;
padding: 30px;
border-radius: 5px;
}
.fw-heading .description {
font-size: 14px;
line-height: 1.4;
padding: 0 15%;
}
@media only screen and (max-width: 767px) {
.fw-heading .description {
padding: 0;
}
}
.fly-tabs-container .nav-text li a,
.fly-tabs-container .nav-text li a .fly-tab-title {
color: #bac4cd !important;
}
.fly-tabs-container .nav-text li.active a,
.fly-tabs-container .nav-text li.active a .fly-tab-title {
color: #308F6F !important;
}
/* Theme Unit Testing */
/*---------------------------------*/
.article .post-content:before,
.comment-list .comment .post-content:before,
.article .post-content:after,
.comment-list .comment .post-content:after {
content: '';
display: table;
}
.article .post-content:after,
.comment-list .comment .post-content:after {
clear: both;
}
.article .post-content:before,
.comment-list .comment .post-content:before {
display: block;
}
.article .post-content ul > li,
.comment-list .comment .post-content ul > li,
.article .post-content ol > li,
.comment-list .comment .post-content ol > li {
line-height: 1.6;
}
.article .post-content ul > li:before,
.comment-list .comment .post-content ul > li:before,
.article .post-content ol > li:before,
.comment-list .comment .post-content ol > li:before {
top: 11px;
}
.article .post-content ul ul,
.comment-list .comment .post-content ul ul,
.article .post-content ol ul,
.comment-list .comment .post-content ol ul,
.article .post-content ul ol,
.comment-list .comment .post-content ul ol,
.article .post-content ol ol,
.comment-list .comment .post-content ol ol {
margin: .5em 3em .5em 1.5em;
}
.article .post-content ol > li:before,
.comment-list .comment .post-content ol > li:before {
top: 1px;
}
.article .post-content dl dd,
.comment-list .comment .post-content dl dd {
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.article .post-content blockquote,
.comment-list .comment .post-content blockquote {
font-size: 15px;
}
}
.article table,
.comment-list .comment table {
width: 100%;
margin-bottom: 30px;
}
.article table td,
.comment-list .comment table td,
.article table th,
.comment-list .comment table th {
padding: 10px;
border: 1px solid #e5e5e5;
}
.article address,
.comment-list .comment address {
line-height: 2.7;
word-wrap: break-word;
margin-bottom: 2.4em;
}
.article kbd,
.comment-list .comment kbd {
padding: 0 .4em;
}
.article pre,
.comment-list .comment pre {
padding: 15px;
background-color: #e5e5e5;
margin-bottom: 2em;
white-space: pre-line;
line-height: 1.4;
}
.article q:before,
.comment-list .comment q:before {
content: '"';
}
.article q:after,
.comment-list .comment q:after {
content: '"';
}
.article var,
.comment-list .comment var {
font-weight: 700;
}
.article.sticky .post-title a:before,
.comment-list .comment.sticky .post-title a:before {
content: '\f02b';
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.gallery {
font-size: 0;
margin: 0 -5px 10px;
}
.gallery .gallery-item {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 0 5px 10px;
font-size: 14px;
}
.gallery .gallery-icon img {
width: 100%;
}
.gallery .gallery-caption {
line-height: 1.3;
margin-top: 10px;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.33333333%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.66666666%;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.285714%;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.11111111%;
}
@media only screen and (max-width: 1229px) {
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item {
width: 20%;
}
}
@media only screen and (max-width: 991px) {
.gallery.gallery-columns-5 .gallery-item,
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item {
width: 25%;
}
}
@media only screen and (max-width: 479px) {
.gallery.gallery-columns-3 .gallery-item,
.gallery.gallery-columns-4 .gallery-item,
.gallery.gallery-columns-5 .gallery-item,
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item {
width: 50%;
}
}
img.aligncenter,
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}
img.alignleft,
.wp-caption.alignleft {
float: left;
margin-right: 20px;
}
@media only screen and (max-width: 479px) {
img.alignleft,
.wp-caption.alignleft {
float: none;
margin-right: 0;
}
}
img.alignright,
.wp-caption.alignright {
float: right;
margin-left: 20px;
}
@media only screen and (max-width: 479px) {
img.alignright,
.wp-caption.alignright {
float: none;
margin-left: 0;
}
}
.post-taglist a {
line-height: 28px;
}
.wp-caption {
max-width: 100%;
margin-bottom: 30px;
}
.wp-caption .wp-caption-text {
font-size: 14px;
margin-top: 10px;
}
.widget_categories .children,
.widget_pages .children {
padding-left: 0;
}
.widget_categories .children li,
.widget_pages .children li {
border-top: 1px solid #f1f1f1;
padding-left: 20px;
}
.widget_archive select,
.widget_categories select,
.widget_text select {
display: block;
width: 100%;
height: 36px;
padding: 0 1em;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget_archive select:focus,
.widget_categories select:focus,
.widget_text select:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.widget_rss a.rsswidget {
font-size: 15px;
line-height: 1;
}
.widget_rss .rssSummary {
margin: 0.5em 0;
}
.widget_search label {
width: 100%;
}
.widget_search .search-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 36px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget_search .search-field:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.widget_search .search-submit {
position: relative;
z-index: 0;
outline: none;
vertical-align: top;
height: 36px;
line-height: 34px;
border: 1px solid #252525;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-family: 'Raleway', sans-serif;
font-size: 11px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.02em;
background-color: #252525;
border-color: #252525;
padding: 0 19.23076923px;
overflow: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.widget_search .search-submit:active {
top: 1px;
}
.widget_search .search-submit:focus {
color: #fff;
}
.widget_search .search-submit:hover,
.widget_search .search-submit:active {
color: #252525;
background-color: transparent;
border-color: #252525;
}
@media only screen and (max-width: 479px) {
.post-password-form label {
width: 100%;
}
}
.post-password-form input[type='password'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 36px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.post-password-form input[type='password']:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
@media only screen and (max-width: 479px) {
.post-password-form input[type='password'] {
width: 100%;
margin-bottom: 10px;
}
}
.post-password-form input[type='submit'] {
position: relative;
z-index: 0;
outline: none;
vertical-align: top;
height: 36px;
line-height: 34px;
border: 1px solid #252525;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-family: 'Raleway', sans-serif;
font-size: 11px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.02em;
background-color: #252525;
border-color: #252525;
padding: 0 19.23076923px;
overflow: hidden;
margin-left: 10px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
@media only screen and (max-width: 479px) {
.post-password-form input[type='submit'] {
margin-left: 0;
}
}
.post-password-form input[type='submit']:focus {
color: #fff;
}
.post-password-form input[type='submit']:hover,
.post-password-form input[type='submit']:active {
color: #252525;
background-color: transparent;
border-color: #252525;
}
.custom-html-widget ul {
padding-left: 12px;
}
.custom-html-widget ul > li {
line-height: 1.2;
margin-bottom: 0;
position: relative;
}
.custom-html-widget ul > li:before {
content: '';
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #a4a4a4;
position: absolute;
top: 5px;
left: -12px;
}
@media only screen and (max-width: 767px) {
.custom-html-widget ul > li {
font-size: 13px;
}
.custom-html-widget ul > li:before {
top: 4px;
left: -20px;
}
}
@media only screen and (max-width: 767px) {
.custom-html-widget ul > li:before {
left: -17px;
}
}
.custom-html-widget ol {
padding-left: 16px;
}
.custom-html-widget ol > li {
line-height: 1.2;
margin-bottom: 0;
position: relative;
}
.custom-html-widget ol > li:before {
counter-increment: list;
content: counter(list) '.';
position: absolute;
top: -5px;
left: -33px;
width: 28px;
height: 26px;
font-size: 13px;
line-height: 26px;
font-style: normal;
text-align: right;
}
@media only screen and (max-width: 767px) {
.custom-html-widget ol > li {
font-size: 13px;
}
.custom-html-widget ol > li:before {
top: -6px;
left: -39px;
}
}
@media only screen and (max-width: 767px) {
.custom-html-widget ol > li:before {
left: -36px;
}
}
.custom-html-widget ul > li,
.custom-html-widget ol > li {
line-height: 1.6;
}
.custom-html-widget ul > li:before,
.custom-html-widget ol > li:before {
top: 8px;
}
.custom-html-widget ol > li:before {
top: -2px;
}
.related-posts-slider .post-title {
line-height: 1.2;
font-size: 18px;
}
.page-links {
margin-bottom: 10px;
}
.article.content-blog > a[rel='tag'] {
line-height: 1.6;
color: #555 !important;
}
.article.content-blog > a[rel='tag']:hover,
.article.content-blog > a[rel='tag']:active {
color: #308F6F !important;
}
.post-content dl.wp-caption {
margin: 10px 0;
}
/* Contact Form 7 Fields */
/*-----------------------------------*/
.wpcf7-form br {
display: none;
}
.wpcf7-form .wpcf7-recaptcha {
height: auto;
padding: 0;
border: none;
border-radius: 0;
}
.wpcf7-form input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
.wpcf7-form input[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
}
.wpcf7-form .wpcf7-range {
-webkit-appearance: slider-horizontal;
-moz-appearance: slider-horizontal;
appearance: slider-horizontal;
}
.wpcf7-form .wpcf7-list-item {
display: block;
margin: 0 0 10px;
}
.wpcf7-form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px;
}
.wpcf7-form [class*='quiz'] label {
display: block;
width: 100%;
}
.wpcf7-form .wpcf7-quiz-label {
display: block;
margin-bottom: 10px;
}
/* =========================================================================
Woocommerce Styles
=========================================================================== */
.woocommerce-ordering select {
border: 1px solid #e5e5e5;
color: #444;
height: 36px;
padding: 0 1em;
outline: none;
margin-bottom: 30px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce .woocommerce-product-search input[type='submit'],
.woocommerce-page .woocommerce-product-search input[type='submit'] {
position: relative;
z-index: 0;
outline: none;
vertical-align: top;
height: 36px;
line-height: 34px;
border: 1px solid #252525;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent;
font-family: 'Raleway', sans-serif;
font-size: 11px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.02em;
padding: 0 19.23076923px;
overflow: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.woocommerce a.button:active,
.woocommerce-page a.button:active,
.woocommerce #respond input#submit.alt:active,
.woocommerce-page #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce-page a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce-page button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce-page input.button.alt:active,
.woocommerce #respond input#submit:active,
.woocommerce-page #respond input#submit:active,
.woocommerce button.button:active,
.woocommerce-page button.button:active,
.woocommerce input.button:active,
.woocommerce-page input.button:active,
.woocommerce .woocommerce-product-search input[type='submit']:active,
.woocommerce-page .woocommerce-product-search input[type='submit']:active {
top: 1px;
}
.woocommerce a.button:focus,
.woocommerce-page a.button:focus,
.woocommerce #respond input#submit.alt:focus,
.woocommerce-page #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce-page a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce-page button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce-page input.button.alt:focus,
.woocommerce #respond input#submit:focus,
.woocommerce-page #respond input#submit:focus,
.woocommerce button.button:focus,
.woocommerce-page button.button:focus,
.woocommerce input.button:focus,
.woocommerce-page input.button:focus,
.woocommerce .woocommerce-product-search input[type='submit']:focus,
.woocommerce-page .woocommerce-product-search input[type='submit']:focus {
color: #fff;
}
.woocommerce a.button:before,
.woocommerce-page a.button:before,
.woocommerce #respond input#submit.alt:before,
.woocommerce-page #respond input#submit.alt:before,
.woocommerce a.button.alt:before,
.woocommerce-page a.button.alt:before,
.woocommerce button.button.alt:before,
.woocommerce-page button.button.alt:before,
.woocommerce input.button.alt:before,
.woocommerce-page input.button.alt:before,
.woocommerce #respond input#submit:before,
.woocommerce-page #respond input#submit:before,
.woocommerce button.button:before,
.woocommerce-page button.button:before,
.woocommerce input.button:before,
.woocommerce-page input.button:before,
.woocommerce .woocommerce-product-search input[type='submit']:before,
.woocommerce-page .woocommerce-product-search input[type='submit']:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: #252525;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.woocommerce a.button:after,
.woocommerce-page a.button:after,
.woocommerce #respond input#submit.alt:after,
.woocommerce-page #respond input#submit.alt:after,
.woocommerce a.button.alt:after,
.woocommerce-page a.button.alt:after,
.woocommerce button.button.alt:after,
.woocommerce-page button.button.alt:after,
.woocommerce input.button.alt:after,
.woocommerce-page input.button.alt:after,
.woocommerce #respond input#submit:after,
.woocommerce-page #respond input#submit:after,
.woocommerce button.button:after,
.woocommerce-page button.button:after,
.woocommerce input.button:after,
.woocommerce-page input.button:after,
.woocommerce .woocommerce-product-search input[type='submit']:after,
.woocommerce-page .woocommerce-product-search input[type='submit']:after {
content: '';
position: absolute;
top: 0;
left: 50%;
z-index: -1;
width: 0;
height: 100%;
background-color: #fff;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce .woocommerce-product-search input[type='submit']:hover,
.woocommerce-page .woocommerce-product-search input[type='submit']:hover,
.woocommerce a.button:active,
.woocommerce-page a.button:active,
.woocommerce #respond input#submit.alt:active,
.woocommerce-page #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce-page a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce-page button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce-page input.button.alt:active,
.woocommerce #respond input#submit:active,
.woocommerce-page #respond input#submit:active,
.woocommerce button.button:active,
.woocommerce-page button.button:active,
.woocommerce input.button:active,
.woocommerce-page input.button:active,
.woocommerce .woocommerce-product-search input[type='submit']:active,
.woocommerce-page .woocommerce-product-search input[type='submit']:active {
color: #252525;
background-color: transparent;
}
.woocommerce a.button:hover:after,
.woocommerce-page a.button:hover:after,
.woocommerce #respond input#submit.alt:hover:after,
.woocommerce-page #respond input#submit.alt:hover:after,
.woocommerce a.button.alt:hover:after,
.woocommerce-page a.button.alt:hover:after,
.woocommerce button.button.alt:hover:after,
.woocommerce-page button.button.alt:hover:after,
.woocommerce input.button.alt:hover:after,
.woocommerce-page input.button.alt:hover:after,
.woocommerce #respond input#submit:hover:after,
.woocommerce-page #respond input#submit:hover:after,
.woocommerce button.button:hover:after,
.woocommerce-page button.button:hover:after,
.woocommerce input.button:hover:after,
.woocommerce-page input.button:hover:after,
.woocommerce .woocommerce-product-search input[type='submit']:hover:after,
.woocommerce-page .woocommerce-product-search input[type='submit']:hover:after,
.woocommerce a.button:active:after,
.woocommerce-page a.button:active:after,
.woocommerce #respond input#submit.alt:active:after,
.woocommerce-page #respond input#submit.alt:active:after,
.woocommerce a.button.alt:active:after,
.woocommerce-page a.button.alt:active:after,
.woocommerce button.button.alt:active:after,
.woocommerce-page button.button.alt:active:after,
.woocommerce input.button.alt:active:after,
.woocommerce-page input.button.alt:active:after,
.woocommerce #respond input#submit:active:after,
.woocommerce-page #respond input#submit:active:after,
.woocommerce button.button:active:after,
.woocommerce-page button.button:active:after,
.woocommerce input.button:active:after,
.woocommerce-page input.button:active:after,
.woocommerce .woocommerce-product-search input[type='submit']:active:after,
.woocommerce-page .woocommerce-product-search input[type='submit']:active:after {
width: 104%;
opacity: 1;
}
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce .woocommerce-product-search input[type='submit'],
.woocommerce-page .woocommerce-product-search input[type='submit'] {
background-color: #252525;
color: #fff;
}
.woocommerce #respond input#submit.disabled,
.woocommerce-page #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce-page #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce-page #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce-page a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce-page a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce-page a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce-page button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce-page button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce-page button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce-page input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce-page input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce-page input.button:disabled[disabled] {
padding: 0 19.23076923px;
background-color: #252525;
color: #fff;
}
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 36px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce-page form .form-row input.input-text:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce-page .select2-container--default .select2-selection--single {
border: 1px solid #e5e5e5;
border-radius: 0;
}
.woocommerce div.product form.cart .variations label,
.woocommerce-page div.product form.cart .variations label {
font-weight: 700;
font-size: 13px;
color: #444;
margin-top: 9px;
}
.woocommerce div.product form.cart .variations select,
.woocommerce-page div.product form.cart .variations select {
border: 1px solid #e5e5e5;
color: #444;
height: 36px;
padding: 0 1em;
outline: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.woocommerce span.onsale,
.woocommerce-page span.onsale {
min-height: 0;
min-width: 0;
width: 40px;
height: 40px;
padding: .2em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.3;
top: -1em;
left: -1em;
margin: 0;
border-radius: 100%;
background-color: #308F6F;
color: #fff;
font-size: .8em;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
margin: -1em -1em 0 0;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
color: #308F6F;
font-size: 1.1em;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
display: inline-block;
margin-right: 0.2em;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: none;
border-right: 0;
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
padding: 0;
float: none;
display: inline-block;
vertical-align: top;
border: none;
margin: 0 4px 8px;
font-size: 13px;
}
@media only screen and (max-width: 479px) {
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
margin: 0 1px 8px;
}
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li span {
text-decoration: none;
min-width: 1em;
position: relative;
float: none;
display: block;
font-size: 13px;
font-weight: 400;
width: 30px;
height: 30px;
line-height: 28px;
color: #252525;
text-align: center;
padding: 0;
margin: 0;
background-color: transparent;
border: 1px solid transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span:hover,
.woocommerce-page nav.woocommerce-pagination ul li span:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li span:focus,
.woocommerce-page nav.woocommerce-pagination ul li span:focus,
.woocommerce nav.woocommerce-pagination ul li a:active,
.woocommerce-page nav.woocommerce-pagination ul li a:active,
.woocommerce nav.woocommerce-pagination ul li span:active,
.woocommerce-page nav.woocommerce-pagination ul li span:active,
.woocommerce nav.woocommerce-pagination ul li a.current,
.woocommerce-page nav.woocommerce-pagination ul li a.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
border-color: #e5e5e5;
background-color: transparent;
color: #308F6F;
}
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
padding-top: 1.7em;
}
@media only screen and (max-width: 479px) {
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
padding-top: .8em;
}
}
.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty {
width: 3.6em;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 50px;
height: 36px;
padding: 0;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 767px) {
.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty {
display: inline-block;
}
}
.woocommerce .quantity .qty:focus,
.woocommerce-page .quantity .qty:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.woocommerce .star-rating span::before,
.woocommerce-page .star-rating span::before,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price {
color: #308F6F;
}
.woocommerce .woocommerce-product-gallery__image,
.woocommerce-page .woocommerce-product-gallery__image {
padding: 1px;
}
.woocommerce .woocommerce-product-gallery__image a,
.woocommerce-page .woocommerce-product-gallery__image a {
display: block;
padding: 1px;
border: 1px solid #e5e5e5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0 0 20px;
overflow: hidden;
position: relative;
font-size: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 1px solid #f6f6f6;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #f6f6f6;
background-color: transparent;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 0;
margin: 0 0 0 -1px;
padding: 0;
font-size: 16px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child {
margin-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
display: block;
padding: .5em 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:active {
color: #308F6F;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
background-color: #308F6F;
border-color: #308F6F;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a {
color: #fff;
}
.woocommerce div.product .woocommerce-tabs h1,
.woocommerce-page div.product .woocommerce-tabs h1,
.woocommerce div.product .woocommerce-tabs h2,
.woocommerce-page div.product .woocommerce-tabs h2,
.woocommerce div.product .woocommerce-tabs h3,
.woocommerce-page div.product .woocommerce-tabs h3,
.woocommerce div.product .woocommerce-tabs h4,
.woocommerce-page div.product .woocommerce-tabs h4,
.woocommerce div.product .woocommerce-tabs h5,
.woocommerce-page div.product .woocommerce-tabs h5,
.woocommerce div.product .woocommerce-tabs h6,
.woocommerce-page div.product .woocommerce-tabs h6 {
margin: 1em 0;
}
.woocommerce div.product .woocommerce-tabs h1 span,
.woocommerce-page div.product .woocommerce-tabs h1 span,
.woocommerce div.product .woocommerce-tabs h2 span,
.woocommerce-page div.product .woocommerce-tabs h2 span,
.woocommerce div.product .woocommerce-tabs h3 span,
.woocommerce-page div.product .woocommerce-tabs h3 span,
.woocommerce div.product .woocommerce-tabs h4 span,
.woocommerce-page div.product .woocommerce-tabs h4 span,
.woocommerce div.product .woocommerce-tabs h5 span,
.woocommerce-page div.product .woocommerce-tabs h5 span,
.woocommerce div.product .woocommerce-tabs h6 span,
.woocommerce-page div.product .woocommerce-tabs h6 span {
font-weight: inherit;
}
.woocommerce div.product .woocommerce-tabs h2,
.woocommerce-page div.product .woocommerce-tabs h2 {
font-size: 26px;
margin-top: .5em;
}
@media only screen and (max-width: 991px) {
.woocommerce div.product .woocommerce-tabs h2,
.woocommerce-page div.product .woocommerce-tabs h2 {
font-size: 22px;
}
}
@media only screen and (max-width: 479px) {
.woocommerce div.product .woocommerce-tabs h2,
.woocommerce-page div.product .woocommerce-tabs h2 {
font-size: 20px;
}
.woocommerce div.product .woocommerce-tabs h2.woocommerce-Reviews-title,
.woocommerce-page div.product .woocommerce-tabs h2.woocommerce-Reviews-title {
font-size: 20px;
}
}
.woocommerce div.product .woocommerce-tabs h4,
.woocommerce-page div.product .woocommerce-tabs h4 {
font-size: 26px;
}
@media only screen and (max-width: 991px) {
.woocommerce div.product .woocommerce-tabs h4,
.woocommerce-page div.product .woocommerce-tabs h4 {
font-size: 22px;
}
}
@media only screen and (max-width: 479px) {
.woocommerce div.product .woocommerce-tabs h4,
.woocommerce-page div.product .woocommerce-tabs h4 {
font-size: 20px;
}
}
.woocommerce div.product .woocommerce-tabs .comment-respond .comment-form p.stars,
.woocommerce-page div.product .woocommerce-tabs .comment-respond .comment-form p.stars {
width: auto !important;
display: inline-block;
vertical-align: -26%;
margin: 10px 0 10px 20px !important;
}
.woocommerce div.product .woocommerce-tabs .comment-respond .comment-form p.stars a,
.woocommerce-page div.product .woocommerce-tabs .comment-respond .comment-form p.stars a {
color: #308F6F;
}
.woocommerce div.product .woocommerce-tabs #snippet-box,
.woocommerce-page div.product .woocommerce-tabs #snippet-box {
margin: 0 0 30px 0;
}
.woocommerce div.product p.price,
.woocommerce-page div.product p.price {
font-size: 24px;
}
.woocommerce #review_form #respond textarea,
.woocommerce-page #review_form #respond textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
padding: 8px 12px;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.woocommerce #review_form #respond textarea:focus,
.woocommerce-page #review_form #respond textarea:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.woocommerce .shop_table th,
.woocommerce-page .shop_table th,
.woocommerce .shop_table td,
.woocommerce-page .shop_table td {
border: none;
}
.woocommerce .shop_table .quantity .qty,
.woocommerce-page .shop_table .quantity .qty {
margin-bottom: 0;
}
.woocommerce .post-content ul > li:before,
.woocommerce-page .post-content ul > li:before {
display: none;
}
.woocommerce [data-title="Subtotal"],
.woocommerce-page [data-title="Subtotal"],
.woocommerce [data-title="Total"],
.woocommerce-page [data-title="Total"] {
text-align: right;
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
float: left;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100px;
height: 36px;
padding: 0 1em;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin: 0 4px 0 0;
outline: 0;
}
.woocommerce table.cart td.actions .coupon .input-text:focus,
.woocommerce-page table.cart td.actions .coupon .input-text:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
margin: 2.5em 0;
border-top-color: #f00;
}
.woocommerce .woocommerce-error.woocommerce-error::before,
.woocommerce-page .woocommerce-error.woocommerce-error::before {
color: #f00;
top: 1.3em;
}
.woocommerce .woocommerce-billing-fields,
.woocommerce-page .woocommerce-billing-fields {
margin-bottom: 30px;
}
.woocommerce .woocommerce-checkout .input-text,
.woocommerce-page .woocommerce-checkout .input-text {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 36px;
padding: 0 1em;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin: 0 0 20px;
outline: 0;
}
.woocommerce .woocommerce-checkout .input-text:focus,
.woocommerce-page .woocommerce-checkout .input-text:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.woocommerce .woocommerce-checkout textarea.input-text,
.woocommerce-page .woocommerce-checkout textarea.input-text {
min-height: 116px;
padding: 1em;
resize: vertical;
}
.woocommerce #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce-page #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,
.woocommerce-page #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,
.woocommerce .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce-page .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,
.woocommerce-page .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,
.woocommerce .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce-page .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before,
.woocommerce-page .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before {
background-color: transparent;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
padding: 10px 12px;
}
.woocommerce-message {
border-top-color: #308F6F;
}
.woocommerce-message::before {
color: #308F6F;
}
.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after {
content: '';
margin-left: 0;
vertical-align: top;
top: 0;
right: 0;
}
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
opacity: 1;
padding-right: 19.23076923px;
}
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
-webkit-animation-name: none;
animation-name: none;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
top: 0;
right: 0;
}
@media only screen and (max-width: 767px) {
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering,
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: none;
}
}
.widget.woocommerce {
margin-bottom: 50px;
}
.widget.woocommerce .widget-title {
font-size: 20px;
margin-bottom: 1em;
}
.widget.woocommerce .search-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 36px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
color: #444;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget.woocommerce .search-field:focus {
border-color: #a4a4a4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.widget.woocommerce .woocommerce-widget-layered-nav-list li {
border-top: 1px solid #f1f1f1;
}
.widget.woocommerce .woocommerce-widget-layered-nav-list li:before,
.widget.woocommerce .woocommerce-widget-layered-nav-list li:after {
content: '';
display: table;
}
.widget.woocommerce .woocommerce-widget-layered-nav-list li:after {
clear: both;
}
.widget.woocommerce .woocommerce-widget-layered-nav-list li:first-child {
border-top: none;
}
.widget.woocommerce .woocommerce-widget-layered-nav-list li.active a {
color: #308F6F;
}
.widget.woocommerce .woocommerce-widget-layered-nav-list a {
float: left;
display: block;
padding: 10px 0;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #555;
}
.widget.woocommerce .woocommerce-widget-layered-nav-list a:hover,
.widget.woocommerce .woocommerce-widget-layered-nav-list a:active {
color: #308F6F;
}
.widget.woocommerce .woocommerce-widget-layered-nav-list span {
float: right;
padding: 10px 0;
}
.widget.woocommerce.widget_rating_filter ul li {
border-top: 1px solid #f1f1f1;
padding: 10px 0;
}
.widget.woocommerce.widget_rating_filter ul li:before,
.widget.woocommerce.widget_rating_filter ul li:after {
content: '';
display: table;
}
.widget.woocommerce.widget_rating_filter ul li:after {
clear: both;
}
.widget.woocommerce.widget_rating_filter ul li:first-child {
border-top: none;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #e5e5e5;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range,
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle {
background-color: #308F6F;
}
.widget.woocommerce.widget_price_filter .price_slider {
margin-bottom: 1.4em;
}
.widget.woocommerce ul.product_list_widget li {
padding: 8px 0;
border-top: 1px solid #f1f1f1;
}
.widget.woocommerce ul.product_list_widget li:first-child {
border-top: none;
}
.widget.woocommerce ul.product_list_widget li a {
color: #444;
}
.widget.woocommerce ul.product_list_widget li a:hover,
.widget.woocommerce ul.product_list_widget li a:active {
color: #308F6F;
}
.widget.woocommerce ul.product_list_widget li .star-rating {
float: none;
margin: 6px 0;
}
.widget.woocommerce .product-categories li {
border-top: 1px solid #f1f1f1;
}
.widget.woocommerce .product-categories li:before,
.widget.woocommerce .product-categories li:after {
content: '';
display: table;
}
.widget.woocommerce .product-categories li:after {
clear: both;
}
.widget.woocommerce .product-categories li.active a {
color: #308F6F;
}
.widget.woocommerce .product-categories a {
display: block;
padding: 10px 0;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #555;
}
.widget.woocommerce .product-categories a:hover,
.widget.woocommerce .product-categories a:active {
color: #308F6F;
}
.widget.woocommerce .product-categories span {
float: right;
padding: 10px 0;
}
.widget.woocommerce .product-categories .children {
padding-left: 0;
}
.widget.woocommerce .product-categories .children li {
padding-left: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0 20px 30px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0;
border-top: 1px solid #f1f1f1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child {
border-top: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child a {
padding-top: 5px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
color: #308F6F;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul a {
display: block;
padding: 10px 0;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #555;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul a:active {
color: #308F6F;
}
.woocommerce-Addresses address {
line-height: 1.4;
margin-bottom: 1.4em;
}
.woocommerce-Address-title h3 {
font-weight: 700;
}
.woocommerce-EditAccountForm legend {
font-weight: 700;
margin-bottom: 10px;
}
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #d3ced2;
padding: 20px;
margin: 0 0 30px;
text-align: left;
border-radius: 0;
}
.woocommerce form.login .woocommerce-LostPassword,
.woocommerce form.register .woocommerce-LostPassword {
font-size: 12px;
margin-bottom: 0;
}
.woocommerce form.login .woocommerce-form__input-checkbox,
.woocommerce form.register .woocommerce-form__input-checkbox {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
margin-left: 20px;
}
/* brizy styles */
.brz-ed #brz-ed-root {
height: auto !important;
}
.navigation-wrapper .nav-menu {
margin-top: 10px;
margin-bottom: 10px;
}
.logo-text {
margin-top: 18px;
}
.header-1 .navigation-wrapper .nav-menu > li.menu-cta-btn a.menu-link,
.header-2 .navigation-wrapper .nav-menu > li.menu-cta-btn a.menu-link {
color: #fff;
}
.nav-menu li.menu-cta-btn a {
background-color: #308F6F;
color: #ffffff;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
border-radius: 27px;
}
.nav-menu > li {
margin: 0 25px;
}
@media only screen and (max-width: 1229px) {
.nav-menu > li {
margin: 0 10px;
}
.nav-menu > li.parent > a:before {
right: -10px;
padding-left: 4px;
}
}
.wpcf7-textarea {
height: 160px;
width: 100%;
}
.wpcf7 input[type="submit"] {
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 1.8;
font-weight: 600;
letter-spacing: 3px;
padding-top: 14px;
padding-right: 42px;
padding-bottom: 14px;
padding-left: 42px;
border-radius: 27px;
color: #ffffff;
border-color: #308F6F;
background-color: #308F6F;
display: block;
margin: 0 auto;
top: 30px;
}
.wpcf7 input[type="submit"]:hover {
color: #ffffff;
border-color: rgba(48, 143, 111, 0);
background-color: #308f6f;
}
.navigation-wrapper.sticky {
position: fixed !important;
}
.nav-menu > li.parent > a:before {
content: '\f107';
font-family: 'FontAwesome';
font-size: 14px;
}
/* Custom WP */
.section-image-bg {
background-size: cover;
}
.fly-divider-separator {
border: 1px solid #bbb;
}
.fly-space-sm {
margin-top: 15px;
margin-bottom: 15px;
}
.fly-space-md {
margin-top: 30px;
margin-bottom: 30px;
}
.fly-space-lg {
margin-top: 45px;
margin-bottom: 45px;
}
.fly-service-left .icon {
display: inline-block;
float: left;
}
.fly-service-left .fly-service-wrap {
padding-left: 90px;
text-align: left;
}
.fly-service-right .icon {
display: inline-block;
float: right;
}
.fly-service-right .fly-service-wrap {
margin-right: 90px;
text-align: left;
}
body {
font-family: 'Noto Serif', serif;
font-size: 13px;
font-weight: 400;
color: #252525;
letter-spacing: 0;
background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Raleway', sans-serif;
}
.tab-header a,
.navigation .logo {
font-family: 'Raleway', sans-serif;
}
@media only screen and (max-width: 767px) {
.logo-text {
margin-top: 11px;
}
.nav-menu {
padding: 35px 40px 30px 5px;
}
.navigation-wrapper .nav-menu {
margin-top: 0;
margin-bottom: 0;
}
}
.nav-menu li ul {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.nav-menu li ul:before {
display: none;
}
@media only screen and (max-width: 767px) {
.nav-menu li ul {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
.article,
.post-meta.font2 {
font-family: 'brother-1816', sans-serif;
font-weight: 300;
}
.navigation {
justify-content: space-between;
align-items: center;
}
.flexbox .navigation {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.no-flexbox .navigation:before,
.no-flexbox .navigation:after {
content: '';
display: table;
}
.no-flexbox .navigation:after {
clear: both;
}
.logo-text {
margin-top: 0;
}
abbr[title],
acronym[title] {
text-decoration: none;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
font-weight: 700;
}
.btn,
.btn.btn-small,
.wpcf7-submit.btn-small,
.widget_search .search-submit,
.widget-sidebar .mc4wp-form input[type="submit"],
a.post-read-more,
.comment-form #submit,
.submit-wrap .ninja-forms-field.nf-element,
.wpbc_booking_form_structure .wpbc_structure_form .btn,
.wpdevelop .btn-default:active,
.wpdevelop .btn-default.active,
.wpdevelop .open > .dropdown-toggle.btn-default,
.wpdevelop .btn-default,
.wpdevelop .btn-default.active,
.wpdevelop .open > .dropdown-toggle.btn-default,
.wpdevelop .btn-default:active,
.wpdevelop .btn-default.active,
.wpdevelop .open > .dropdown-toggle.btn-default {
display: inline-block;
outline: none;
vertical-align: top;
height: 50px;
line-height: 46px;
border: 2px solid #308F6F;
border-radius: 25px;
font-family: 'Raleway', sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 3px;
color: #fff;
text-transform: uppercase;
background-color: #308F6F;
padding: 0 30px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.btn:focus,
.btn.btn-small:focus,
.wpcf7-submit.btn-small:focus,
.widget_search .search-submit:focus,
.widget-sidebar .mc4wp-form input[type="submit"]:focus,
a.post-read-more:focus,
.comment-form #submit:focus,
.submit-wrap .ninja-forms-field.nf-element:focus,
.wpbc_booking_form_structure .wpbc_structure_form .btn:focus,
.wpdevelop .btn-default:active:focus,
.wpdevelop .btn-default.active:focus,
.wpdevelop .open > .dropdown-toggle.btn-default:focus,
.wpdevelop .btn-default:focus,
.wpdevelop .btn-default.active:focus,
.wpdevelop .open > .dropdown-toggle.btn-default:focus,
.wpdevelop .btn-default:active:focus,
.wpdevelop .btn-default.active:focus,
.wpdevelop .open > .dropdown-toggle.btn-default:focus {
color: #fff;
}
.btn:hover,
.btn.btn-small:hover,
.wpcf7-submit.btn-small:hover,
.widget_search .search-submit:hover,
.widget-sidebar .mc4wp-form input[type="submit"]:hover,
a.post-read-more:hover,
.comment-form #submit:hover,
.submit-wrap .ninja-forms-field.nf-element:hover,
.wpbc_booking_form_structure .wpbc_structure_form .btn:hover,
.wpdevelop .btn-default:active:hover,
.wpdevelop .btn-default.active:hover,
.wpdevelop .open > .dropdown-toggle.btn-default:hover,
.wpdevelop .btn-default:hover,
.wpdevelop .btn-default.active:hover,
.wpdevelop .open > .dropdown-toggle.btn-default:hover,
.wpdevelop .btn-default:active:hover,
.wpdevelop .btn-default.active:hover,
.wpdevelop .open > .dropdown-toggle.btn-default:hover,
.btn:active,
.btn.btn-small:active,
.wpcf7-submit.btn-small:active,
.widget_search .search-submit:active,
.widget-sidebar .mc4wp-form input[type="submit"]:active,
a.post-read-more:active,
.comment-form #submit:active,
.submit-wrap .ninja-forms-field.nf-element:active,
.wpbc_booking_form_structure .wpbc_structure_form .btn:active,
.wpdevelop .btn-default:active:active,
.wpdevelop .btn-default.active:active,
.wpdevelop .open > .dropdown-toggle.btn-default:active,
.wpdevelop .btn-default:active,
.wpdevelop .btn-default.active:active,
.wpdevelop .open > .dropdown-toggle.btn-default:active,
.wpdevelop .btn-default:active:active,
.wpdevelop .btn-default.active:active,
.wpdevelop .open > .dropdown-toggle.btn-default:active {
color: #fff;
background-color: #04794c;
border-color: #04794c;
top: 0;
}
.wpbc_booking_form_structure .wpbc_structure_form .btn:hover,
.wpdevelop .btn-default:active:hover,
.wpdevelop .btn-default.active:hover,
.wpdevelop .open > .dropdown-toggle.btn-default:hover,
.wpdevelop .btn-default:hover,
.wpdevelop .btn-default.active:hover,
.wpdevelop .open > .dropdown-toggle.btn-default:hover,
.wpdevelop .btn-default:active:hover,
.wpdevelop .btn-default.active:hover,
.wpdevelop .open > .dropdown-toggle.btn-default:hover,
.wpbc_booking_form_structure .wpbc_structure_form .btn:active,
.wpdevelop .btn-default:active:active,
.wpdevelop .btn-default.active:active,
.wpdevelop .open > .dropdown-toggle.btn-default:active,
.wpdevelop .btn-default:active,
.wpdevelop .btn-default.active:active,
.wpdevelop .open > .dropdown-toggle.btn-default:active,
.wpdevelop .btn-default:active:active,
.wpdevelop .btn-default.active:active,
.wpdevelop .open > .dropdown-toggle.btn-default:active,
.wpbc_booking_form_structure .wpbc_structure_form .btn:focus,
.wpdevelop .btn-default:active:focus,
.wpdevelop .btn-default.active:focus,
.wpdevelop .open > .dropdown-toggle.btn-default:focus,
.wpdevelop .btn-default:focus,
.wpdevelop .btn-default.active:focus,
.wpdevelop .open > .dropdown-toggle.btn-default:focus,
.wpdevelop .btn-default:active:focus,
.wpdevelop .btn-default.active:focus,
.wpdevelop .open > .dropdown-toggle.btn-default:focus {
color: #fff !important;
background-color: #04794c !important;
border-color: #04794c !important;
outline: none !important;
box-shadow: none !important;
}
.btn:before,
.wpcf7-submit:before,
.btn:after,
.wpcf7-submit:after {
display: none;
}
.bk_calendar_frame {
width: 100% !important;
margin-bottom: 30px;
}
.footer-social {
margin-bottom: 15px;
}
/* Form Fields */
/*-----------------------------------*/
[placeholder]::-webkit-input-placeholder {
font-size: 14px;
font-weight: 400;
font-style: italic;
color: #b3b3b3;
}
[placeholder]:-moz-placeholder {
font-size: 14px;
font-weight: 400;
font-style: italic;
color: #b3b3b3;
}
[placeholder]::-moz-placeholder {
font-size: 14px;
font-weight: 400;
font-style: italic;
color: #b3b3b3;
}
[placeholder]:-ms-input-placeholder {
font-size: 14px;
font-weight: 400;
font-style: italic;
color: #b3b3b3;
}
:focus[placeholder]::-webkit-input-placeholder {
font-size: 14px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
:focus[placeholder]:-moz-placeholder {
font-size: 14px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
:focus[placeholder]::-moz-placeholder {
font-size: 14px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
:focus[placeholder]:-ms-input-placeholder {
font-size: 14px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input,
button,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
outline: none;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.form-control,
.wpcf7-form-control,
.wpbc_structure_form .controls input,
.wpbc_structure_form .controls textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 50px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 14px;
font-weight: 400;
color: #4b4b4b;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #d4d4d4;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-control:focus,
.wpcf7-form-control:focus,
.wpbc_structure_form .controls input:focus,
.wpbc_structure_form .controls textarea:focus {
border-color: #308F6F;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ie8 .form-control,
.ie8 .wpcf7-form-control,
.ie8 .wpbc_structure_form .controls input,
.ie8 .wpbc_structure_form .controls textarea {
line-height: 48px;
}
.wpbc_structure_form .controls input,
.wpbc_structure_form .controls textarea,
.booking_form_div select,
.booking_form_div textarea,
.booking_form_div input[type="text"] {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
width: 100% !important;
}
textarea.form-control,
textarea.wpcf7-form-control {
min-height: 277px;
padding: 1em;
resize: vertical;
}
@media only screen and (max-width: 767px) {
textarea.form-control,
textarea.wpcf7-form-control {
min-height: 200px;
}
}
@media only screen and (max-width: 479px) {
textarea.form-control,
textarea.wpcf7-form-control {
min-height: 160px;
}
}
.form-group label {
display: inline-block;
font-family: 'Raleway', sans-serif;
font-size: 15px;
color: #4b4b4b;
text-transform: uppercase;
margin-bottom: 1em;
}
.form-group.required label:after {
content: '*';
font-size: 1.33em;
color: #04794c;
}
/* CheckBoxes, Radios */
/*-----------------------------------*/
.checkbox,
.radio {
margin: 0 0 18px;
}
.checkbox input,
.radio input {
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.ie8 .checkbox input,
.ie8 .radio input {
visibility: visible;
width: 0;
height: 0;
}
.checkbox label,
.radio label {
position: relative;
padding-left: 26px;
line-height: 16px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 991px) {
.checkbox label,
.radio label {
line-height: 18px;
}
}
.checkbox label:before,
.radio label:before,
.checkbox label:after,
.radio label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #308F6F;
}
.checkbox label:after,
.radio label:after {
top: 4px;
left: 4px;
width: 8px;
height: 8px;
border: none;
background-color: transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.checkbox label.checked,
.radio label.checked {
color: #308F6F;
}
.checkbox label.checked:after,
.radio label.checked:after {
background-color: #308F6F;
}
.checkbox label:hover,
.radio label:hover,
.checkbox label:focus,
.radio label:focus,
.checkbox label:active,
.radio label:active {
color: #308F6F;
}
.radio label:before,
.radio label:after {
border-radius: 50%;
}
/* Search Form in Header */
/*-----------------------------------*/
.form-search-header {
width: 320px;
position: absolute;
top: 100%;
right: 0;
margin-top: 18px;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-search-header .inner {
background-color: #f3f3f3;
padding: 15px 30px 5px;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
-o-transform: translateX(102%);
-ms-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-search-header [class*='col-'] {
padding: 0;
}
.form-search-header.active {
visibility: visible;
opacity: 1;
}
.form-search-header.active .inner {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.form-search-header .form-control {
border-color: #308F6F;
border-right: none;
margin-bottom: 10px;
}
.form-search-header .form-control:focus {
background-color: #fff;
}
.form-search-header .btn {
margin-bottom: 10px;
}
.form-search-header .btn:active {
top: 0;
}
/* Widget Search */
/*-----------------------------------*/
.form-search {
position: relative;
}
.form-search .submit {
position: absolute;
top: 11px;
right: 5px;
font-size: 12px;
color: #d4d4d4;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-search .form-control {
padding-right: 32px;
margin: 0;
border-width: 0 0 1px 0;
}
.form-search .form-control:focus + .submit {
color: #b3b3b3;
}
.form-search .form-control:focus + .submit:hover,
.form-search .form-control:focus + .submit:active {
color: #04794c;
}
/* Widget Subscribe */
/*-----------------------------------*/
.form-subscribe .submit {
top: 15px;
font-size: 8px;
}
.form-subscribe .form-control {
border-width: 0 0 1px 0;
}
/* Widget Login */
/*-----------------------------------*/
.form-login .form-control {
float: left;
width: 48%;
}
.form-login .form-control + .form-control {
margin-left: 4%;
}
.form-login .checkbox {
font-family: 'Raleway', sans-serif;
font-size: 9px;
color: #000;
margin: -3px 0 10px;
}
.form-login .submit {
float: right;
font-family: 'Raleway', sans-serif;
font-size: 10px;
color: #000;
text-transform: uppercase;
padding: 0;
margin: 0;
border: none;
margin-bottom: 16px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-login .submit:hover,
.form-login .submit:active {
color: #04794c;
}
.form-login .forgot {
float: right;
font-family: 'Raleway', sans-serif;
font-size: 10px;
color: #04794c;
margin-top: 20px;
}
.form-login .forgot:hover,
.form-login .forgot:active {
color: #04794c;
}
/* Contact Form */
/*-----------------------------------*/
.wpcf7-submit {
display: inline-block;
width: auto;
height: 50px;
}
/* =========================================================================
Ninja Forms
=========================================================================== */
.nf-form-title {
display: none;
}
.nf-before-form-content {
margin-bottom: 20px;
}
.nf-field-label {
font-family: 'Raleway', sans-serif;
}
.ninja-forms-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 50px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 14px;
font-weight: 400;
color: #4b4b4b;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #d4d4d4;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.ninja-forms-field:focus {
border-color: #308F6F;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ie8 .ninja-forms-field {
line-height: 48px;
}
textarea.ninja-forms-field {
min-height: 277px;
padding: 1em;
resize: vertical;
}
@media only screen and (max-width: 767px) {
textarea.ninja-forms-field {
min-height: 200px;
}
}
@media only screen and (max-width: 479px) {
textarea.ninja-forms-field {
min-height: 160px;
}
}
.nf-field-element input,
.nf-field-element select {
height: 40px !important;
}
.submit-wrap .ninja-forms-field.nf-element {
height: 50px !important;
}
.nf-error-msg {
font-size: 12px !important;
}
.booking_form .booking_form_div select,
.booking_form .booking_form_div textarea,
.booking_form .booking_form_div input[type="text"] {
box-sizing: content-box;
-mox-box-sizing: content-box;
-webkit-box-sizing: content-box;
height: 40px;
padding: 0 8px;
}
.booking_form .booking_form_div textarea {
height: 120px;
padding: 8px;
}
.booking_form .form-group .controls select,
.booking_form select {
outline: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.booking_form .form-group .controls select:focus,
.booking_form select:focus {
border-color: #308F6F;
}
.field-wrap > div input[type=checkbox],
.wpbc_structure_form .controls input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
margin: 0 5px 0px 0 !important;
position: relative;
top: 2px;
width: auto !important;
display: inline-block;
height: auto;
}
.label-right .nf-field-label {
padding-left: 0;
}
.widget-sidebar,
.fly-accordion {
margin-top: 0;
margin-bottom: 50px;
border: none;
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: relative;
}
.widget-sidebar .widget-title,
.fly-accordion .widget-title {
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 500;
color: #2c2c2c;
text-align: left;
background-color: transparent;
padding: 12px 2px;
position: relative;
top: 0;
border-bottom: 2px solid #f3f3f3;
}
.widget-sidebar .widget-title span,
.fly-accordion .widget-title span {
display: inline-block;
border: none;
padding: 0;
background: transparent;
}
.widget-instagram li {
width: 33.33333333%;
}
.tab-header a {
display: block;
height: 40px;
line-height: 40px;
font-family: 'Raleway', sans-serif;
font-size: 14px;
color: #2c2c2c;
text-align: center;
text-transform: none;
padding: 0 5px;
background-color: #e9e9e9;
border-bottom: 2px solid transparent;
}
.tab-header .active a {
color: #2c2c2c;
background-color: #e9e9e9;
border-color: #308F6F;
}
.widget-posts .article {
padding: 10px 0 10px 80px;
min-height: 84px;
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.widget-posts .article .post-media {
top: 10px;
}
.widget-posts .article .post-content {
margin-bottom: 0;
}
.widget_pages a,
.widget_nav_menu a,
.widget_meta a,
.widget_archive a,
.widget_recent_entries a {
line-height: 1.4;
}
.widget_recent_entries .post-date {
display: block;
margin-bottom: 16px;
}
.widget_search .search-field {
width: 100%;
height: 50px;
padding: 0 1em;
margin-bottom: 20px;
font-size: 14px;
font-weight: 400;
color: #4b4b4b;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #d4d4d4;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget_search .search-field:focus {
border-color: #308F6F;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.fly-footer-widgets {
color: #9a9c9d;
}
.fly-footer-widgets .widget-sidebar .widget-title,
.fly-footer-widgets .fly-accordion .widget-title {
color: #fff;
}
.fly-footer-widgets .widget_pages a,
.fly-footer-widgets .widget_nav_menu a,
.fly-footer-widgets .widget_meta a,
.fly-footer-widgets .widget_archive a,
.fly-footer-widgets .widget_recent_entries a,
.fly-footer-widgets .widget_categories a {
color: #fff;
}
.fly-footer-widgets .widget_pages a:hover,
.fly-footer-widgets .widget_nav_menu a:hover,
.fly-footer-widgets .widget_meta a:hover,
.fly-footer-widgets .widget_archive a:hover,
.fly-footer-widgets .widget_recent_entries a:hover,
.fly-footer-widgets .widget_categories a:hover,
.fly-footer-widgets .widget_pages a:active,
.fly-footer-widgets .widget_nav_menu a:active,
.fly-footer-widgets .widget_meta a:active,
.fly-footer-widgets .widget_archive a:active,
.fly-footer-widgets .widget_recent_entries a:active,
.fly-footer-widgets .widget_categories a:active {
color: #308F6F;
}
.fly-footer-widgets .widget_rss li,
.fly-footer-widgets .widget_pages li,
.fly-footer-widgets .widget_nav_menu li,
.fly-footer-widgets .widget_meta li,
.fly-footer-widgets .widget_archive li,
.fly-footer-widgets .widget_recent_comments li,
.fly-footer-widgets .widget_recent_entries li,
.fly-footer-widgets .widget_categories li {
border-top-color: #4b4b4b;
}
.widget-instagram a:hover,
.widget-instagram a:active {
opacity: 1;
}
.widget-instagram ul a:hover,
.widget-instagram ul a:active {
opacity: .6;
}
.widget_tag_cloud a,
.widget_product_tag_cloud a,
.post-taglist a {
border-radius: 15px;
}
.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover,
.post-taglist a:hover,
.widget_tag_cloud a:active,
.widget_product_tag_cloud a:active,
.post-taglist a:active {
border-color: #308F6F;
background-color: #308F6F;
color: #fff;
}
.widget_calendar table tfoot tr td#prev a,
.widget_calendar table tfoot tr td#next a,
.pagination > li.prev a,
.woocommerce-pagination ul.page-numbers > li.prev a,
.pagination > li.next a,
.woocommerce-pagination ul.page-numbers > li.next a {
font-family: 'FontAwesome';
}
.widget_calendar table tfoot tr td#prev a:before,
.widget_calendar table tfoot tr td#next a:before,
.pagination > li.prev a:before,
.woocommerce-pagination ul.page-numbers > li.prev a:before,
.pagination > li.next a:before,
.woocommerce-pagination ul.page-numbers > li.next a:before {
font-family: 'FontAwesome';
content: '\f053';
}
.widget_calendar table tfoot tr td#next a:before,
.pagination > li.next a:before,
.woocommerce-pagination ul.page-numbers > li.next a:before {
font-family: 'FontAwesome';
content: '\f054';
}
.fly-footer-widgets > .container {
position: relative;
}
.fly-footer-widgets > .container:before {
content: '';
display: block;
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
background-color: #4b4b4b;
height: 2px;
}
.footer,
.fly-footer-widgets {
background: #2c2c2c;
}
.footer,
.fly-footer-widgets {
padding-top: 40px;
}
.footer-social li a {
color: #fff;
}
.footer-social li a:hover,
.footer-social li a:active {
color: #308F6F;
}
.footer-copyright {
color: #fff;
}
.footer-copyright a {
color: #fff;
}
.footer-copyright a:hover,
.footer-copyright a:active {
color: #308F6F;
}
.header-1 .logo img {
max-width: 150px;
}
.fly-pagination span {
font-size: 15px;
}
.fly-pagination .fly-next {
float: right;
}
.header-1 .logo-sticky .logo-text {
padding-top: 20px;
}
.post-wrap-content {
max-width: 100%;
width: 100%;
}
.wp-block-latest-posts li:before,
.wp-block-latest-comments li:before,
.wp-block-gallery li:before {
display: none;
}
.wp-block-gallery .blocks-gallery-item figcaption {
padding-top: 10px;
}
.wp-block-categories .children,
.wp-block-archives .children {
padding-left: 15px;
}
.has-post-thumbnail .post-media img {
padding-right: 10px;
}
.wp-block-preformatted {
margin-top: 20px;
}
.brz .nav-menu .animated {
animation-duration: 400ms !important;
-moz-animation-duration: 400ms !important;
-webkit-animation-duration: 400ms !important;
-o-animation-duration: 400ms !important;
}