first commit
This commit is contained in:
DESKTOP-GBA0BK8\Admin
@@ -0,0 +1,60 @@
|
||||
.owp-header {
|
||||
display: table;
|
||||
width: 100%;
|
||||
-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.05);
|
||||
box-shadow: 0 5px 8px rgba(0,0,0,.05);
|
||||
margin: 0 -12px 8px;
|
||||
padding: 0 12px 12px;
|
||||
}
|
||||
|
||||
.owp-header .owp-logo,
|
||||
.owp-header .owp-versions {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.owp-header .owp-logo {
|
||||
width: 40px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.owp-header .owp-logo img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.owp-header .owp-versions {
|
||||
padding: 0 10px;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.owp-dashboard-widget .rss-widget {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#dashboard-widgets .owp-dashboard-widget .owp-heading {
|
||||
font-weight: 700;
|
||||
border-bottom: 1px solid #eee;
|
||||
margin: 0 -12px 12px;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.owp-dashboard-widget .rssSummary {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.owp-news-footer {
|
||||
margin: 15px -12px -12px;
|
||||
padding: 12px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
.owp-news-footer a {
|
||||
padding: 0 10px;
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.owp-news-footer a:first-child {
|
||||
padding-left: 0;
|
||||
border: none;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.owp-header{display:table;width:100%;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.05);box-shadow:0 5px 8px rgba(0,0,0,.05);margin:0 -12px 8px;padding:0 12px 12px}.owp-header .owp-logo,.owp-header .owp-versions{display:table-cell;vertical-align:middle}.owp-header .owp-logo{width:40px;line-height:1}.owp-header .owp-logo img{width:100%}.owp-header .owp-versions{padding:0 10px;font-size:1em;line-height:1.5}.owp-dashboard-widget .rss-widget{font-size:14px}#dashboard-widgets .owp-dashboard-widget .owp-heading{font-weight:700;border-bottom:1px solid #eee;margin:0 -12px 12px;padding:6px 12px}.owp-dashboard-widget .rssSummary{color:#333}.owp-news-footer{margin:15px -12px -12px;padding:12px;border-top:1px solid #eee}.owp-news-footer a{padding:0 10px;border-left:1px solid #ddd}.owp-news-footer a:first-child{padding-left:0;border:none}
|
||||
@@ -0,0 +1,299 @@
|
||||
/*------------------------------------*
|
||||
$BLOG
|
||||
*------------------------------------*/
|
||||
#blog-entries {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.blog-entry.post {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog-entry.post .thumbnail {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog-entry.post .thumbnail .overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
opacity: 0;
|
||||
text-align: center;
|
||||
transition: all .3s ease-in-out;
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
-moz-transition: all .3s ease-in-out;
|
||||
-o-transition: all .3s ease-in-out;
|
||||
-ms-transition: all .3s ease-in-out;
|
||||
}
|
||||
|
||||
.blog-entry.post .thumbnail:hover .overlay {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.blog-entry.post .thumbnail img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.blog-entry.post ul.meta {
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
.blog-entry.post .blog-entry-header {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-entry.post .blog-entry-header h2 {
|
||||
font-size: 24px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.blog-entry.post .blog-entry-header h2 a {
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
.blog-entry.post .blog-entry-summary {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-entry.post .blog-entry-summary p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gallery Format
|
||||
*/
|
||||
.gallery-format {
|
||||
display: none;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gallery-format img {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.gallery-format .slick-prev,
|
||||
.gallery-format .slick-next {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.gallery-format:hover .slick-prev,
|
||||
.gallery-format:hover .slick-next {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Video/audio format
|
||||
*/
|
||||
.wp-video {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Link Format
|
||||
*/
|
||||
.link-entry i {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
font-size: 22px;
|
||||
line-height: 60px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.thumbnail:hover i {
|
||||
background-color: #13aff0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Quote format
|
||||
*/
|
||||
.post-quote-content,
|
||||
.post-quote-author {
|
||||
position: relative;
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
padding: 20px 30px;
|
||||
line-height: 1.6;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.post-quote-icon {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
bottom: 10px;
|
||||
font-size: 48px;
|
||||
opacity: 0.2;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.post-quote-author {
|
||||
background-color: #0b7cac;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
padding: 10px 30px;
|
||||
margin-top: 1px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
.single-post .post-quote-wrap {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Meta
|
||||
*/
|
||||
ul.meta {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
color: #777;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
margin: 0 0 20px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul.meta li {
|
||||
float: left;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
ul.meta li:after {
|
||||
content: '-';
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
ul.meta li:last-child:after {
|
||||
display: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.meta li a {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
ul.meta li a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
ul.meta li i {
|
||||
display: inline-block;
|
||||
color: #929292;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Single Post
|
||||
*/
|
||||
.single .thumbnail {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.single .thumbnail img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.single h2.entry-title {
|
||||
font-size: 34px;
|
||||
padding: 0 0 20px;
|
||||
margin: 0 0 15px;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Single Post Content
|
||||
*/
|
||||
.single .entry-content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.dropcap {
|
||||
float: left;
|
||||
color: #13aff0;
|
||||
font-size: 120px;
|
||||
line-height: 80px;
|
||||
margin-top: 6px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.entry-footer {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Single Post Tags
|
||||
*/
|
||||
.single .post-tags {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
margin: 30px 0 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
$SEARCH
|
||||
*------------------------------------*/
|
||||
#blog-entries .type-page {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
}
|
||||
|
||||
#blog-entries .type-page .entry-summary p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
.blog-entry {
|
||||
width: 100% !important;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
/* blog */
|
||||
.single-post.media-above-content .thumbnail {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.single-post h2.entry-title {
|
||||
font-size: 26px;
|
||||
}
|
||||
ul.meta {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
ul.meta li {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
blockquote {
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
/*------------------------------------*
|
||||
$BLOG GRID
|
||||
*------------------------------------*/
|
||||
.blog-entry.grid-entry {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.blog-entry.grid-entry .blog-entry-inner {
|
||||
padding: 0 20px 20px;
|
||||
border: 1px solid #e9e9e9;
|
||||
}
|
||||
|
||||
.blog-entry.grid-entry .thumbnail {
|
||||
margin: 0 -20px;
|
||||
}
|
||||
|
||||
.blog-entry.grid-entry ul.meta {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.blog-entry.grid-entry .blog-entry-header {
|
||||
margin: 20px 0 12px;
|
||||
}
|
||||
|
||||
.blog-entry.grid-entry .blog-entry-header h2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.blog-entry.grid-entry .blog-entry-summary {
|
||||
line-height: 1.6;
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
|
||||
.blog-entry.grid-entry .blog-entry-readmore {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.blog-entry.grid-entry .blog-entry-readmore a {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
line-height: 1.2;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 1px solid;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.blog-entry.grid-entry .blog-entry-readmore a i {
|
||||
margin-left: 5px;
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
/*------------------------------------*
|
||||
$BLOG LARGE
|
||||
*------------------------------------*/
|
||||
.blog-entry.large-entry {
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.blog-entry.large-entry .thumbnail {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-entry.large-entry .blog-entry-readmore a {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
line-height: 1;
|
||||
border: 1px solid #ddd;
|
||||
padding: 10px 16px;
|
||||
border-radius: 2px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.blog-entry.large-entry .blog-entry-readmore a:hover {
|
||||
color: #13aff0;
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
.blog-entry.large-entry .blog-entry-readmore a i {
|
||||
margin-left: 8px;
|
||||
}
|
||||
@@ -0,0 +1,88 @@
|
||||
/*------------------------------------*
|
||||
$CENTER HEADER
|
||||
*------------------------------------*/
|
||||
#site-header.center-header #site-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#site-header.center-header #site-navigation-wrap {
|
||||
float: none;
|
||||
right: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#site-header.center-header #site-navigation-wrap .dropdown-menu > li {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#site-header.center-header #site-navigation-wrap .dropdown-menu > li > a {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
padding: 0 18px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#site-header.center-header #site-navigation {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#site-header.center-header #site-navigation .middle-site-logo {
|
||||
margin: 15px 25px;
|
||||
}
|
||||
|
||||
#site-header.center-header #site-navigation .middle-site-logo a {
|
||||
background-color: transparent !important;
|
||||
padding: 0 !important;
|
||||
line-height: 1 !important;
|
||||
}
|
||||
|
||||
#site-header.center-header #site-navigation .middle-site-logo a img {
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
-webkit-transition: opacity .3s ease-out;
|
||||
-moz-transition: opacity .3s ease-out;
|
||||
-o-transition: opacity .3s ease-out;
|
||||
transition: opacity .3s ease-out;
|
||||
}
|
||||
|
||||
#site-header.center-header #site-navigation .middle-site-logo a:hover img {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Retina Logo
|
||||
*------------------------------------*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
|
||||
/* logo */
|
||||
#site-navigation-wrap .dropdown-menu > li.middle-site-logo.has-retina-logo > a.custom-logo-link {
|
||||
display: none;
|
||||
}
|
||||
#site-navigation-wrap .dropdown-menu > li.middle-site-logo.has-retina-logo > a.retina-logo-link {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* header > logo */
|
||||
#site-header.center-header #site-logo {
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* logo */
|
||||
#site-navigation-wrap .dropdown-menu > li.middle-site-logo.has-retina-logo > a.custom-logo-link {
|
||||
display: none;
|
||||
}
|
||||
#site-navigation-wrap .dropdown-menu > li.middle-site-logo.has-retina-logo > a.retina-logo-link {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,225 @@
|
||||
/*------------------------------------*
|
||||
$COMMENT
|
||||
*------------------------------------*/
|
||||
#respond {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#respond form {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#respond .comment-textarea,
|
||||
#respond .comment-form-author,
|
||||
#respond .comment-form-email,
|
||||
#respond .comment-form-url {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#respond .comment-form-author,
|
||||
#respond .comment-form-email,
|
||||
#respond .comment-form-url {
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
}
|
||||
|
||||
#respond .comment-form-author {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#respond .comment-form-email {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
#respond .comment-form-url {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
#respond input[type="text"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#respond .form-submit {
|
||||
float: right;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#comments {
|
||||
margin-top: 30px;
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
#comments ol {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#comments ol.children {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
#comments.empty-closed-comments {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.comment-body {
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 30px;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
.comment-body img {
|
||||
float: left;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-right: 30px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.comment-body .comment-content {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.comment-author {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.comment-author .comment-link, .comment-author .comment-meta {
|
||||
font-weight: 600;
|
||||
margin: 5px 0 8px;
|
||||
}
|
||||
|
||||
.comment-author .comment-link {
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.comment-author .comment-meta {
|
||||
float: right;
|
||||
text-align: right;
|
||||
font-size: 10px;
|
||||
line-height: 2.5;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
|
||||
.comment-author .comment-meta .comment-reply-link, .comment-author .comment-meta .comment-edit-link {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.comment-author .comment-meta .comment-reply-link {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
.comment-author .comment-meta .comment-reply-link:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#respond #cancel-comment-reply-link {
|
||||
font-size: 10px;
|
||||
color: #929292;
|
||||
float: right;
|
||||
border: 2px solid #f1f1f1;
|
||||
padding: 3px 10px;
|
||||
border-radius: 3px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
|
||||
#respond #cancel-comment-reply-link:hover {
|
||||
color: #13aff0;
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
span.required {
|
||||
position: relative;
|
||||
top: -4px;
|
||||
font-size: 10px;
|
||||
margin-left: 3px;
|
||||
color: #F00;
|
||||
}
|
||||
|
||||
.comment-body p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.no-comments {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.no-comments i {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.comment-navigation {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.comment-navigation .nav-links a {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
line-height: 1.2;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 1px solid;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.comment-navigation .nav-links .nav-previous {
|
||||
float: left;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
|
||||
.comment-navigation .nav-links .nav-previous i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.comment-navigation .nav-links .nav-next {
|
||||
float: right;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
|
||||
.comment-navigation .nav-links .nav-next i {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* comments */
|
||||
#comments ol.children {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
#respond .comment-form-author,
|
||||
#respond .comment-form-email,
|
||||
#respond .comment-form-url {
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding-right: 0;
|
||||
padding: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
/* comments */
|
||||
.comment-body img {
|
||||
display: none;
|
||||
}
|
||||
.comment-author {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.comment-author .comment-link,
|
||||
.comment-author .comment-meta {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
/*------------------------------------*
|
||||
$CUSTOM HEADER
|
||||
*------------------------------------*/
|
||||
#site-header.custom-header ul.oceanwp-custom-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#site-header.custom-header ul.oceanwp-custom-menu li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#site-header.custom-header ul.oceanwp-custom-menu li a {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
line-height: 40px;
|
||||
padding: 0 15px;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
.custom-header-logo.left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.custom-header-logo.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.custom-header-logo.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.custom-header-logo #site-logo {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.custom-header-logo #site-logo #site-logo-inner {
|
||||
display: block;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.custom-header-nav.left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.custom-header-nav.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.custom-header-nav.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.custom-header-nav #site-navigation-wrap {
|
||||
float: none;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.custom-header-nav #site-navigation-wrap #site-navigation {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-header-nav #site-navigation-wrap .dropdown-menu > li {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
/*------------------------------------*
|
||||
$CUSTOM SELECTS
|
||||
*------------------------------------*/
|
||||
.hasCustomSelect {
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.theme-select {
|
||||
position: relative;
|
||||
border: 1px solid #ddd;
|
||||
color: #555;
|
||||
height: 34px;
|
||||
line-height: 32px;
|
||||
padding: 0 45px 0 15px;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.theme-select:after {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
content: '\f107';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: #929292;
|
||||
border-left: 1px solid #ddd;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
/*------------------------------------*
|
||||
$SEARCHFORM DROPDOWN
|
||||
*------------------------------------*/
|
||||
#searchform-dropdown {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
background-color: #fff;
|
||||
border-top: 3px solid #13aff0;
|
||||
top: 100%;
|
||||
padding: 15px;
|
||||
width: 260px;
|
||||
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: all 0.25s ease-in-out;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
#searchform-dropdown input {
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.oceanwp-dropdown-top-border #searchform-dropdown {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* display search on click */
|
||||
#searchform-dropdown.show {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
/*------------------------------------*
|
||||
$404 PAGE
|
||||
*------------------------------------*/
|
||||
.error404-content {
|
||||
position: relative;
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.error404-content .error-title {
|
||||
font-size: 46px;
|
||||
margin: 0 0 25px;
|
||||
}
|
||||
|
||||
.error404-content .error-text {
|
||||
font-size: 18px;
|
||||
color: #555;
|
||||
font-weight: 300;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.error404-content .searchform {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.error404-content .error-btn {
|
||||
font-size: 13px;
|
||||
padding: 14px 26px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.error404-content .error-btn:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* 404 page */
|
||||
.error404-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
/* 404 page */
|
||||
.error404-content .searchform {
|
||||
width: 100%;
|
||||
}
|
||||
.error404-content .error-btn {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,105 @@
|
||||
/*------------------------------------*
|
||||
$FOOTER BOTTOM
|
||||
*------------------------------------*/
|
||||
#footer-bottom {
|
||||
background-color: #1B1B1B;
|
||||
padding: 15px 0;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#footer-bottom #footer-bottom-menu, #footer-bottom #copyright {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#footer-bottom #footer-bottom-menu {
|
||||
float: right;
|
||||
text-align: right;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#footer-bottom #footer-bottom-menu ul {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#footer-bottom #footer-bottom-menu li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#footer-bottom #footer-bottom-menu li:after {
|
||||
content: '|';
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#footer-bottom #footer-bottom-menu li:last-child:after {
|
||||
content: '';
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#footer-bottom #footer-bottom-menu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#footer-bottom #footer-bottom-menu a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
#footer-bottom.no-footer-nav #copyright {
|
||||
float: none;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
#footer-bottom #copyright {
|
||||
float: left;
|
||||
text-align: left;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
#footer-bottom a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#footer-bottom a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* center footer bottom */
|
||||
#footer-bottom #copyright,
|
||||
#footer-bottom #footer-bottom-menu {
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
text-align: center;
|
||||
}
|
||||
#footer-bottom #footer-bottom-menu {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#footer-bottom #footer-bottom-menu li {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
/* footer bottom links menu */
|
||||
#footer-bottom #footer-bottom-menu li {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
/*------------------------------------*
|
||||
$FOOTER
|
||||
*------------------------------------*/
|
||||
.site-footer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/**
|
||||
* Footer widgets
|
||||
*/
|
||||
#footer-widgets {
|
||||
background-color: #222;
|
||||
padding: 30px 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#footer-widgets .footer-box {
|
||||
padding: 0 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#footer-widgets .footer-box .footer-widget {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#footer-widgets .footer-box .footer-widget:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#footer-widgets .footer-box .footer-widget ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#footer-widgets .footer-box .widget-title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#footer-widgets .footer-box a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#footer-widgets .footer-box a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
#footer-widgets #wp-calendar caption,
|
||||
#footer-widgets #wp-calendar th,
|
||||
#footer-widgets #wp-calendar tbody,
|
||||
#footer-widgets .contact-info-widget i,
|
||||
#footer-widgets .mailchimp-widget input[type="email"],
|
||||
#footer-widgets .posts-thumbnails-widget li,
|
||||
#footer-widgets .social-widget li a {
|
||||
border-color: #555;
|
||||
}
|
||||
|
||||
#footer-widgets .mailchimp-widget input[type="email"]:focus {
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
#footer-widgets .tagcloud a {
|
||||
background-color: #222;
|
||||
border-color: #333;
|
||||
}
|
||||
|
||||
#footer-widgets .tagcloud a:hover {
|
||||
background-color: #444;
|
||||
color: #fff;
|
||||
border-color: #555;
|
||||
}
|
||||
|
||||
/* Responsive columns */
|
||||
@media only screen and (min-width: 481px) and (max-width: 768px) {
|
||||
#footer-widgets.tablet-1-col .footer-box {
|
||||
width: 100%;
|
||||
}
|
||||
#footer-widgets.tablet-2-col .footer-box {
|
||||
width: 50% !important;
|
||||
}
|
||||
#footer-widgets.tablet-2-col .footer-box:nth-child(3n) {
|
||||
clear: left;
|
||||
}
|
||||
#footer-widgets.tablet-3-col .footer-box {
|
||||
width: 33.33% !important;
|
||||
clear: none;
|
||||
}
|
||||
#footer-widgets.tablet-3-col .footer-box:nth-child(4n) {
|
||||
clear: left;
|
||||
}
|
||||
#footer-widgets.tablet-4-col .footer-box {
|
||||
width: 25% !important;
|
||||
}
|
||||
#footer-widgets.tablet-4-col .footer-box:nth-child(5n) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#footer-widgets.mobile-1-col .footer-box {
|
||||
width: 100%;
|
||||
}
|
||||
#footer-widgets.mobile-2-col .footer-box {
|
||||
width: 50% !important;
|
||||
}
|
||||
#footer-widgets.mobile-2-col .footer-box:nth-child(3n) {
|
||||
clear: left;
|
||||
}
|
||||
#footer-widgets.mobile-3-col .footer-box {
|
||||
width: 33.33% !important;
|
||||
clear: none;
|
||||
}
|
||||
#footer-widgets.mobile-3-col .footer-box:nth-child(4n) {
|
||||
clear: left;
|
||||
}
|
||||
#footer-widgets.mobile-4-col .footer-box {
|
||||
width: 25% !important;
|
||||
}
|
||||
#footer-widgets.mobile-4-col .footer-box:nth-child(5n) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* margin footer columns */
|
||||
#footer-widgets .col {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,369 @@
|
||||
/*------------------------------------*
|
||||
$FULL SCREEN HEADER
|
||||
*------------------------------------*/
|
||||
#site-header.full_screen-header #site-header-inner {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #site-navigation-wrap {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #site-logo.has-full-screen-logo {
|
||||
position: relative;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #site-logo.has-full-screen-logo .full-screen-logo-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #site-logo.has-full-screen-logo.opened .custom-logo-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #site-logo.has-full-screen-logo.opened .full-screen-logo-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar-wrap {
|
||||
float: right;
|
||||
height: 100%;
|
||||
display: table;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar-inner {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
height: 74px;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
min-width: 38px;
|
||||
height: 33px;
|
||||
text-align: center;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar .ham {
|
||||
display: inline-block;
|
||||
width: 23px;
|
||||
height: 2px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
background-color: #333;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
-webkit-transition: all ease .3s;
|
||||
-moz-transition: all ease .3s;
|
||||
-o-transition: all ease .3s;
|
||||
transition: all ease .3s;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar .ham:before, #site-header.full_screen-header .menu-bar .ham:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 23px;
|
||||
height: 2px;
|
||||
left: 0;
|
||||
background-color: #333;
|
||||
outline: 1px solid transparent;
|
||||
-webkit-transition: all ease .3s;
|
||||
-moz-transition: all ease .3s;
|
||||
-o-transition: all ease .3s;
|
||||
transition: all ease .3s;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar .ham:before {
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar .ham:after {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar.exit .ham {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar.exit .ham:before, #site-header.full_screen-header .menu-bar.exit .ham:after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar.exit .ham:before {
|
||||
-webkit-transform: translateY(8px) rotateZ(-45deg);
|
||||
-moz-transform: translateY(8px) rotateZ(-45deg);
|
||||
-ms-transform: translateY(8px) rotateZ(-45deg);
|
||||
-o-transform: translateY(8px) rotateZ(-45deg);
|
||||
transform: translateY(8px) rotateZ(-45deg);
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .menu-bar.exit .ham:after {
|
||||
-webkit-transform: translateY(-8px) rotateZ(45deg);
|
||||
-moz-transform: translateY(-8px) rotateZ(45deg);
|
||||
-ms-transform: translateY(-8px) rotateZ(45deg);
|
||||
-o-transform: translateY(-8px) rotateZ(45deg);
|
||||
transform: translateY(-8px) rotateZ(45deg);
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #full-screen-menu {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
overflow-y: scroll;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #full-screen-menu #full-screen-menu-inner {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #full-screen-menu #site-navigation {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding: 100px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu li a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu li a:hover {
|
||||
color: #929292;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu li > a .nav-arrow {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu li > a .nav-arrow:before {
|
||||
content: '+';
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu li.open-sub > a .nav-arrow:before {
|
||||
content: '-';
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu ul.sub-menu {
|
||||
display: none;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu ul.sub-menu li a {
|
||||
font-size: 16px;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li > a {
|
||||
font-size: 24px;
|
||||
line-height: 1.2;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li {
|
||||
max-width: 220px;
|
||||
margin: 10px auto 0;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li form {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li input, #site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li label {
|
||||
font-size: 20px;
|
||||
padding: 4px 0;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li input {
|
||||
position: relative;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #666;
|
||||
border-radius: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li input:hover, #site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li input:focus {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li label {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
cursor: text;
|
||||
opacity: .5;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li label i {
|
||||
display: inline-block;
|
||||
background-color: #fff;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
margin-left: 3px;
|
||||
-webkit-animation: blink 1s linear infinite;
|
||||
-moz-animation: blink 1s linear infinite;
|
||||
-o-animation: blink 1s linear infinite;
|
||||
animation: blink 1s linear infinite;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li label i + i {
|
||||
-webkit-animation-delay: .2s;
|
||||
-moz-animation-delay: .2s;
|
||||
-o-animation-delay: .2s;
|
||||
animation-delay: .2s;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li label i + i + i {
|
||||
-webkit-animation-delay: .4s;
|
||||
-moz-animation-delay: .4s;
|
||||
-o-animation-delay: .4s;
|
||||
animation-delay: .4s;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li form.search-filled label {
|
||||
opacity: 0;
|
||||
-webkit-transition-duration: 150ms;
|
||||
-moz-transition-duration: 150ms;
|
||||
-o-transition-duration: 150ms;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #oceanwp-social-menu {
|
||||
display: block;
|
||||
float: none;
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #oceanwp-social-menu .social-menu-inner {
|
||||
display: block;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #oceanwp-social-menu ul li {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #oceanwp-social-menu.simple-social ul li a {
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #oceanwp-social-menu.simple-social ul li a:hover {
|
||||
color: #929292;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #oceanwp-social-menu .colored ul li a,
|
||||
#site-header.full_screen-header #oceanwp-social-menu .minimal ul li a,
|
||||
#site-header.full_screen-header #oceanwp-social-menu .dark ul li a {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
#site-header.full_screen-header #oceanwp-social-menu .colored ul li a span,
|
||||
#site-header.full_screen-header #oceanwp-social-menu .minimal ul li a span,
|
||||
#site-header.full_screen-header #oceanwp-social-menu .dark ul li a span {
|
||||
font-size: 16px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
@-webkit-keyframes blink {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes blink {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes blink {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* header > logo */
|
||||
#site-header.full_screen-header #site-logo.has-full-screen-logo.opened .custom-logo-link {
|
||||
display: block;
|
||||
}
|
||||
#site-header.full_screen-header #site-logo.has-full-screen-logo.opened .full-screen-logo-link {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,165 @@
|
||||
#site-header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.no-header-border #site-header {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.is-sticky #site-header.transparent-header {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#site-header-inner {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#site-logo {
|
||||
float: left;
|
||||
height: 100%;
|
||||
display: table;
|
||||
}
|
||||
|
||||
#site-logo.has-transparent-logo .transparent-logo-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#site-logo #site-logo-inner {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
height: 74px;
|
||||
}
|
||||
|
||||
#site-logo #site-logo-inner a {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#site-logo #site-logo-inner a img {
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
-webkit-transition: opacity .3s ease-out;
|
||||
-moz-transition: opacity .3s ease-out;
|
||||
-o-transition: opacity .3s ease-out;
|
||||
transition: opacity .3s ease-out;
|
||||
}
|
||||
|
||||
#site-logo #site-logo-inner a:hover img {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
#site-logo a.site-logo-text {
|
||||
font-size: 24px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#site-logo-fa-icon {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#site-logo-fa-icon.fa-oceanwp-hidden {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Video header
|
||||
*/
|
||||
#site-header .custom-header-media {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#site-header .custom-header-media:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
background: -moz-linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
|
||||
background: -webkit-linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
|
||||
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
|
||||
}
|
||||
|
||||
#site-header .custom-header-media video, #site-header .custom-header-media iframe {
|
||||
position: absolute;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
max-width: 1000%;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
min-width: 100vw;
|
||||
width: auto;
|
||||
top: 50%;
|
||||
-ms-transform: translateX(-50%) translateY(-50%);
|
||||
-moz-transform: translateX(-50%) translateY(-50%);
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
|
||||
#site-header .custom-header-media .wp-custom-header-video-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.has-header-video #site-header-inner {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Mobile Menu
|
||||
*------------------------------------*/
|
||||
#site-logo .retina-logo-link,
|
||||
#site-logo .transparent-retina-logo-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Retina Logo
|
||||
*------------------------------------*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
|
||||
/* logo */
|
||||
#site-logo.has-retina-logo .custom-logo-link {
|
||||
display: none;
|
||||
}
|
||||
#site-logo.has-retina-logo .retina-logo-link {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* header > logo */
|
||||
.has-left-menu #site-logo {
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
#site-logo {
|
||||
margin-top: 0px !important;
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
#site-logo.has-retina-logo .custom-logo-link {
|
||||
display: none;
|
||||
}
|
||||
#site-logo.has-retina-logo .retina-logo-link {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
/*------------------------------------*
|
||||
$SEARCHFORM HEADER REPLACE
|
||||
*------------------------------------*/
|
||||
#site-header.header-replace #site-navigation .dropdown-menu {
|
||||
transition: opacity 0.25s ease-in-out;
|
||||
-webkit-transition: opacity 0.25s ease-in-out;
|
||||
-moz-transition: opacity 0.25s ease-in-out;
|
||||
-o-transition: opacity 0.25s ease-in-out;
|
||||
-ms-transition: opacity 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
#site-header.header-replace #site-navigation.hide .dropdown-menu {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#searchform-header-replace {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.25s ease-in-out;
|
||||
-webkit-transition: opacity 0.25s ease-in-out;
|
||||
-moz-transition: opacity 0.25s ease-in-out;
|
||||
-o-transition: opacity 0.25s ease-in-out;
|
||||
-ms-transition: opacity 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
#searchform-header-replace form {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#searchform-header-replace input {
|
||||
height: 100%;
|
||||
width: 94%;
|
||||
font-size: 22px;
|
||||
background-color: transparent;
|
||||
color: #bbb;
|
||||
padding: 0;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#searchform-header-replace-close {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
margin-top: -20px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 26px;
|
||||
color: #bbb;
|
||||
cursor: pointer;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
#searchform-header-replace-close:hover {
|
||||
color: #222;
|
||||
}
|
||||
|
||||
/* display search on click */
|
||||
#searchform-header-replace.show {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -0,0 +1,231 @@
|
||||
/*------------------------------------*
|
||||
$CHOCOLAT
|
||||
*------------------------------------*/
|
||||
.chocolat-zoomable.chocolat-zoomed .chocolat-img {
|
||||
cursor: zoom-out;
|
||||
}
|
||||
|
||||
.chocolat-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.chocolat-overlay {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
background-color: #000;
|
||||
display: none;
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
.chocolat-wrapper {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 99999;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.chocolat-zoomable .chocolat-img {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
|
||||
.chocolat-loader{
|
||||
display:none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
margin-left: -16px;
|
||||
margin-top: -16px;
|
||||
border-left: 3px solid rgba(255, 255, 255, 0.15);
|
||||
border-right: 3px solid rgba(255, 255, 255, 0.15);
|
||||
border-bottom: 3px solid rgba(255, 255, 255, 0.15);
|
||||
border-top: 3px solid rgba(255, 255, 255, 0.8);
|
||||
border-radius: 100%;
|
||||
-webkit-animation: rotation .6s infinite linear;
|
||||
-moz-animation: rotation .6s infinite linear;
|
||||
-o-animation: rotation .6s infinite linear;
|
||||
animation: rotation .6s infinite linear;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {-webkit-transform: rotate(0deg);}
|
||||
to {-webkit-transform: rotate(359deg);}
|
||||
}
|
||||
@-moz-keyframes rotation {
|
||||
from {-moz-transform: rotate(0deg);}
|
||||
to {-moz-transform: rotate(359deg);}
|
||||
}
|
||||
@-o-keyframes rotation {
|
||||
from {-o-transform: rotate(0deg);}
|
||||
to {-o-transform: rotate(359deg);}
|
||||
}
|
||||
@keyframes rotation {
|
||||
from {transform: rotate(0deg);}
|
||||
to {transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
.chocolat-content {
|
||||
position: fixed;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
z-index: 14;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.chocolat-content .chocolat-img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-left {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 50px;
|
||||
height: 100px;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
cursor: pointer;
|
||||
background: url(../../themes/oceanwp/assets/img/left.png) 50% 50% no-repeat;
|
||||
z-index: 17;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 50px;
|
||||
height: 100px;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
cursor: pointer;
|
||||
background: url(../../themes/oceanwp/assets/img/right.png) 50% 50% no-repeat;
|
||||
z-index: 17;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-right.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-left.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-top {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 50px;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
z-index: 17;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-close {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: url(../../themes/oceanwp/assets/img/close.png) 50% 50% no-repeat;
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-bottom {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
line-height: 40px;
|
||||
height: 40px;
|
||||
font-size: 12px;
|
||||
z-index: 17;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
text-align: right;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-set-title {
|
||||
display: inline-block;
|
||||
padding-right: 15px;
|
||||
line-height: 1;
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-pagination {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
margin-right: 15px;
|
||||
/*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-fullscreen {
|
||||
width: 16px;
|
||||
height: 40px;
|
||||
background: url(../../themes/oceanwp/assets/img/fullscreen.png) 50% 50% no-repeat;
|
||||
display: block;
|
||||
margin: auto;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.chocolat-wrapper .chocolat-description {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* no container mode*/
|
||||
body.chocolat-open > .chocolat-overlay {
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
body.chocolat-open > .chocolat-loader {
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
body.chocolat-open > .chocolat-content {
|
||||
z-index: 17;
|
||||
}
|
||||
|
||||
/* container mode*/
|
||||
.chocolat-in-container .chocolat-wrapper,
|
||||
.chocolat-in-container .chocolat-content,
|
||||
.chocolat-in-container .chocolat-overlay {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.chocolat-in-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
body.rtl .chocolat-overlay { right: 0; left: auto; }
|
||||
body.rtl .chocolat-wrapper { right: 0; left: auto; }
|
||||
body.rtl .chocolat-loader { right: 50%; left: auto; margin-right: -16px; margin-left: 0; }
|
||||
body.rtl .chocolat-content { text-align: right; }
|
||||
body.rtl .chocolat-wrapper .chocolat-left { right: 0; left: auto; }
|
||||
body.rtl .chocolat-wrapper .chocolat-right { left: 0; right: auto; }
|
||||
body.rtl .chocolat-wrapper .chocolat-close { left: 0; right: auto; }
|
||||
body.rtl .chocolat-wrapper .chocolat-bottom { text-align: left; }
|
||||
body.rtl .chocolat-wrapper .chocolat-set-title { padding-left: 15px; padding-right: 0; border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: none; }
|
||||
body.rtl .chocolat-wrapper .chocolat-pagination { float: left; margin-left: 15px; margin-right: 0; }
|
||||
body.rtl .chocolat-wrapper .chocolat-fullscreen { float: left; }
|
||||
body.rtl .chocolat-wrapper .chocolat-description { float: right; }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,293 @@
|
||||
/*------------------------------------*
|
||||
$MEDIUM HEADER
|
||||
*------------------------------------*/
|
||||
#site-header.medium-header {
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#site-header.medium-header .top-header-wrap {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
padding: 30px 0;
|
||||
-webkit-transition: padding .4s ease-in-out;
|
||||
-moz-transition: padding .4s ease-in-out;
|
||||
-o-transition: padding .4s ease-in-out;
|
||||
-ms-transition: padding .4s ease-in-out;
|
||||
transition: padding .4s ease-in-out;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#site-header.medium-header .top-header-inner {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#site-header.medium-header .top-col {
|
||||
-webkit-flex: 1 0 0;
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
#site-header.medium-header .top-col.logo-col {
|
||||
-webkit-flex: auto 0 0;
|
||||
flex: auto 0 0;
|
||||
}
|
||||
|
||||
#site-header.medium-header .top-col.col-1 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#site-header.medium-header .top-col.col-2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#site-header.medium-header .top-col.col-3 {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#site-header.medium-header #medium-searchform form {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#site-header.medium-header #medium-searchform form.search-filled label {
|
||||
opacity: 0;
|
||||
-webkit-transition-duration: 150ms;
|
||||
-moz-transition-duration: 150ms;
|
||||
-o-transition-duration: 150ms;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
#site-header.medium-header #medium-searchform input {
|
||||
position: relative;
|
||||
background-color: transparent !important;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 6px 38px 6px 12px;
|
||||
max-width: 178px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#site-header.medium-header #medium-searchform input:focus {
|
||||
max-width: 220px;
|
||||
}
|
||||
|
||||
#site-header.medium-header #medium-searchform label, #site-header.medium-header #medium-searchform button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#site-header.medium-header #medium-searchform label {
|
||||
left: 12px;
|
||||
color: #333;
|
||||
cursor: text;
|
||||
opacity: .5;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#site-header.medium-header #medium-searchform button {
|
||||
right: 0;
|
||||
width: 38px;
|
||||
background-color: transparent;
|
||||
color: #555;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
z-index: 2;
|
||||
transition: all .3s ease;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
}
|
||||
|
||||
#site-header.medium-header #medium-searchform button:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
#site-header.medium-header #medium-searchform .search-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#site-header.medium-header #site-logo {
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#site-header.medium-header #site-logo #site-logo-inner {
|
||||
display: block;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
#site-header.medium-header #oceanwp-social-menu {
|
||||
float: none;
|
||||
display: block;
|
||||
right: auto !important;
|
||||
left: auto !important;
|
||||
}
|
||||
|
||||
#site-header.medium-header #oceanwp-social-menu .social-menu-inner {
|
||||
display: block;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#site-header.medium-header #oceanwp-social-menu ul li {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#site-header.medium-header #site-navigation-wrap {
|
||||
position: relative;
|
||||
background-color: #f9f9f9;
|
||||
float: none;
|
||||
position: relative;
|
||||
right: auto !important;
|
||||
left: auto !important;
|
||||
-ms-transform: none;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation {
|
||||
float: left;
|
||||
left: -22px;
|
||||
}
|
||||
|
||||
#site-header.medium-header #site-navigation-wrap.center-menu #site-navigation .dropdown-menu > li {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#site-header.medium-header #site-navigation-wrap.right-menu #site-navigation {
|
||||
float: right;
|
||||
right: -22px;
|
||||
}
|
||||
|
||||
#site-header.medium-header #site-navigation-wrap #site-navigation {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a {
|
||||
font-size: 12px;
|
||||
line-height: 60px;
|
||||
padding: 0 22px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
#site-header.medium-header.hidden-menu #site-navigation-wrap,
|
||||
#site-header.medium-header.hidden-menu #site-navigation,
|
||||
#site-header.medium-header.hidden-menu #oceanwp-mobile-menu-icon {
|
||||
max-height: 150px;
|
||||
-webkit-transition: all .4s ease-in-out;
|
||||
-moz-transition: all .4s ease-in-out;
|
||||
-o-transition: all .4s ease-in-out;
|
||||
-ms-transition: all .4s ease-in-out;
|
||||
transition: all .4s ease-in-out;
|
||||
}
|
||||
|
||||
.is-sticky #site-header.medium-header .top-header-wrap {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.is-sticky #site-header.medium-header .top-header-wrap #oceanwp-social-menu .social-menu-inner {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.is-sticky #site-header.medium-header.hidden-menu #site-navigation-wrap,
|
||||
.is-sticky #site-header.medium-header.hidden-menu #site-navigation,
|
||||
.is-sticky #site-header.medium-header.hidden-menu #oceanwp-mobile-menu-icon {
|
||||
max-height: 0;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.is-sticky #site-header.medium-header.hidden-menu:hover #site-navigation-wrap,
|
||||
.is-sticky #site-header.medium-header.hidden-menu:hover #site-navigation,
|
||||
.is-sticky #site-header.medium-header.hidden-menu:hover #oceanwp-mobile-menu-icon {
|
||||
max-height: 150px;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Medium header mobile menu */
|
||||
#site-header.medium-header #oceanwp-mobile-menu-icon {
|
||||
float: none;
|
||||
right: auto !important;
|
||||
left: auto !important;
|
||||
}
|
||||
|
||||
#site-header.medium-header #oceanwp-mobile-menu-icon a {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding: 0 22px;
|
||||
line-height: 60px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* Hide social and search form in sidr for the medium header style */
|
||||
.medium-header-style .sidr-class-social-menu-inner,
|
||||
.medium-header-style .sidr-class-mobile-searchform {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* medium header style */
|
||||
#site-header.medium-header .top-header-inner {
|
||||
display: block;
|
||||
}
|
||||
#site-header.medium-header .top-col:not(.logo-col) {
|
||||
display: none;
|
||||
}
|
||||
#site-header.medium-header .top-col.logo-col {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
/* Show social and search form in sidr for the medium header style */
|
||||
.medium-header-style .sidr-class-social-menu-inner,
|
||||
.medium-header-style .sidr-class-mobile-searchform {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
/* medium header style */
|
||||
#site-header.medium-header .header-top-wrap {
|
||||
padding: 20px 0;
|
||||
}
|
||||
#site-header.medium-header #oceanwp-mobile-menu-icon a {
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,223 @@
|
||||
/*------------------------------------*
|
||||
$MEGAMENU
|
||||
*------------------------------------*/
|
||||
/**
|
||||
* Megamenu
|
||||
*/
|
||||
.navigation .megamenu a .nav-arrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navigation .megamenu > li > a.menu-link {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navigation .megamenu li ul.sub-menu {
|
||||
border-top: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
.navigation .megamenu li a.menu-link {
|
||||
padding: 12px 20px;
|
||||
}
|
||||
|
||||
.navigation .megamenu .sidebar-box {
|
||||
padding: 20px;
|
||||
margin-bottom: 0;
|
||||
line-height: 1.8;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.navigation > ul > li > ul.megamenu.sub-menu > li {
|
||||
float: left;
|
||||
border-bottom: 0;
|
||||
border-left-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.navigation > ul > li > ul.megamenu.sub-menu > li:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.navigation li.megamenu-li.hide-headings > .megamenu > li > a,
|
||||
.navigation li.megamenu-li > .megamenu > li.hide-heading > a {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navigation .megamenu .sub-menu {
|
||||
display: block !important;
|
||||
opacity: 1 !important;
|
||||
min-width: 100%;
|
||||
position: static;
|
||||
background: transparent;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Megamenu columns
|
||||
*/
|
||||
.navigation li.megamenu-li .megamenu.col-1 > li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.navigation li.megamenu-li .megamenu.col-2 > li {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.navigation li.megamenu-li .megamenu.col-3 > li {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
|
||||
.navigation li.megamenu-li .megamenu.col-4 > li {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.navigation li.megamenu-li .megamenu.col-5 > li {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.navigation li.megamenu-li .megamenu.col-6 > li {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Megamenu auto width
|
||||
*/
|
||||
@media only screen and (min-width: 959px) {
|
||||
.navigation li.megamenu-li.auto-mega .megamenu.col-1 {
|
||||
width: 320px;
|
||||
}
|
||||
.navigation li.megamenu-li.auto-mega .megamenu.col-2 {
|
||||
width: 440px;
|
||||
}
|
||||
.navigation li.megamenu-li.auto-mega .megamenu.col-3 {
|
||||
width: 660px;
|
||||
}
|
||||
.navigation li.megamenu-li.auto-mega .megamenu.col-4 {
|
||||
width: 780px;
|
||||
}
|
||||
.navigation li.megamenu-li.auto-mega .megamenu.col-5 {
|
||||
width: 980px;
|
||||
}
|
||||
.navigation li.megamenu-li.auto-mega .megamenu.col-6 {
|
||||
width: 1080px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Elementor Template
|
||||
*/
|
||||
.navigation > ul > li > ul.megamenu.sub-menu > li .elementor {
|
||||
white-space: normal;
|
||||
line-height: initial;
|
||||
}
|
||||
|
||||
/**
|
||||
* Latest Posts Categories
|
||||
*/
|
||||
.navigation li.mega-cat .megamenu {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat .mega-cat-title {
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
font-weight: 400;
|
||||
background-color: #f8f8f8;
|
||||
color: #222;
|
||||
letter-spacing: 2px;
|
||||
margin: 0 -20px 30px;
|
||||
padding: 15px 35px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat > ul > li {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li a {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li a.mega-post-link {
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li a.mega-post-link img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li a.mega-post-link .overlay {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
opacity: 0;
|
||||
text-align: center;
|
||||
transition: all .3s ease;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li a.mega-post-link:hover .overlay {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li .mega-post-title {
|
||||
display: block;
|
||||
margin: 15px 0 8px;
|
||||
white-space: initial;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li .mega-post-title a {
|
||||
color: #555;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
letter-spacing: 0.6px;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li .mega-post-title a:hover {
|
||||
background-color: transparent;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li .mega-post-date {
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
color: #bbb;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.navigation li.mega-cat ul li .mega-post-date i {
|
||||
font-size: 9px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.navigation > ul > li.mega-cat > ul.megamenu.sub-menu > li.first {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Tablet & Small Desktop Widths
|
||||
*------------------------------------*/
|
||||
@media only screen and (min-width: 768px) and (max-width: 1280px) {
|
||||
/* megamenu */
|
||||
.navigation li.megamenu.auto-width.col-6 > .sub-menu {
|
||||
width: 980px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,330 @@
|
||||
/*------------------------------------*
|
||||
$NAVIGATIONS
|
||||
*------------------------------------*/
|
||||
#site-navigation-wrap {
|
||||
float: right;
|
||||
position: relative;
|
||||
right: -15px;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .dropdown-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .dropdown-menu > li {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .dropdown-menu > li > a {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
line-height: 74px;
|
||||
color: #555;
|
||||
padding: 0 15px;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .dropdown-menu > li > a.site-search-toggle {
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .dropdown-menu > li > a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .dropdown-menu > li > a .nav-arrow {
|
||||
padding-left: 6px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .dropdown-menu > li.btn > a > span {
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
padding: 12px 22px;
|
||||
font-weight: 600;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
transition: background-color .3s ease;
|
||||
-webkit-transition: background-color .3s ease;
|
||||
-moz-transition: background-color .3s ease;
|
||||
-o-transition: background-color .3s ease;
|
||||
-ms-transition: background-color .3s ease;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .dropdown-menu > li.btn > a:hover > span {
|
||||
background-color: #0b7cac;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .dropdown-menu > li.btn.rounded > a > span {
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .has-current-style .dropdown-menu > .current-menu-item > a,
|
||||
#site-navigation-wrap .has-current-style .dropdown-menu > .current-menu-parent > a {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#site-navigation-wrap .has-current-style .dropdown-menu > .current-menu-item > a > span,
|
||||
#site-navigation-wrap .has-current-style .dropdown-menu > .current-menu-parent > a > span {
|
||||
padding: 12px 15px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.has-social #site-navigation-wrap {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.minimal-header.left-menu #site-navigation-wrap,
|
||||
.transparent-header.left-menu #site-navigation-wrap {
|
||||
float: left;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.minimal-header.left-menu #site-logo,
|
||||
.transparent-header.left-menu #site-logo {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.center-menu #site-navigation-wrap {
|
||||
position: absolute;
|
||||
float: none;
|
||||
left: 50%;
|
||||
right: auto;
|
||||
-ms-transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
/**
|
||||
* SuperFish
|
||||
*/
|
||||
.sf-menu,
|
||||
.sf-menu * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.sf-menu li.menu-item {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
*white-space: normal;
|
||||
}
|
||||
|
||||
.sf-menu li:hover,
|
||||
.sf-menu li.sfHover {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.sf-menu ul.sub-menu {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.sf-menu > li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.sf-menu li:hover > ul,
|
||||
.sf-menu li.sfHover > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sf-menu a.menu-link {
|
||||
display: block;
|
||||
position: relative;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.sf-menu ul.sub-menu ul {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Dropdown
|
||||
*/
|
||||
.dropdown-menu,
|
||||
.dropdown-menu * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.dropdown-menu .sub-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
border-top: 3px solid #13aff0;
|
||||
min-width: 180px;
|
||||
line-height: 1;
|
||||
text-align: left;
|
||||
z-index: 999;
|
||||
-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.dropdown-menu li .sub-menu li.menu-item {
|
||||
display: block;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.dropdown-menu ul .sub-menu {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
.oceanwp-dropdown-top-border .sub-menu {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li.menu-item {
|
||||
display: block;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li.menu-item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li a.menu-link {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: none;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
line-height: 1.2em;
|
||||
letter-spacing: 0.6px;
|
||||
padding: 12px 15px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li a.menu-link:hover {
|
||||
background-color: #f8f8f8;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li a.menu-link .nav-arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 15px;
|
||||
margin-top: -6.5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li a.menu-link i {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Icons
|
||||
*/
|
||||
.dropdown-menu li a.menu-link i {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Item description
|
||||
*/
|
||||
.nav-content {
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
line-height: 1em;
|
||||
padding: 5px 0;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Hide navigation on mobile menu */
|
||||
#site-navigation-wrap .dropdown-menu > li.middle-site-logo > a.retina-logo-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Menu Icons
|
||||
*/
|
||||
.navigation li a i.icon,
|
||||
.navigation li a span.icon-wrap,
|
||||
.navigation li a img.icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.navigation li a i.icon {
|
||||
margin-top: -.265em;
|
||||
width: auto;
|
||||
height: auto;
|
||||
font-size: 1.2em;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.navigation li a i.before {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.navigation li a i.after {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.navigation li a i.elusive {
|
||||
margin-top: -.3em;
|
||||
}
|
||||
|
||||
.navigation li a span.icon-wrap {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navigation li a span.icon-wrap i.below,
|
||||
.navigation li a span.icon-wrap img {
|
||||
display: block;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
.navigation li a span.icon-wrap img {
|
||||
margin: 0 auto 8px auto;
|
||||
}
|
||||
|
||||
.navigation li a span.icon-wrap span.menu-text {
|
||||
display: block;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.navigation li a img.before {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.navigation li a img.after {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.navigation li a .svg {
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.navigation li a .hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* header > navbar */
|
||||
#site-navigation-wrap, #oceanwp-social-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,167 @@
|
||||
/*------------------------------------*
|
||||
$SEARCHFORM OVERLAY
|
||||
*------------------------------------*/
|
||||
#searchform-overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#searchform-overlay .container {
|
||||
position: relative;
|
||||
max-width: 550px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#searchform-overlay a.search-overlay-close {
|
||||
position: absolute;
|
||||
top: -50px;
|
||||
left: 50%;
|
||||
margin-left: -30px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#searchform-overlay a.search-overlay-close:hover {
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
#searchform-overlay a.search-overlay-close span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
#searchform-overlay a.search-overlay-close:before,
|
||||
#searchform-overlay a.search-overlay-close:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
margin-top: 6px;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#searchform-overlay a.search-overlay-close:before {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
#searchform-overlay a.search-overlay-close:after {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
body.admin-bar #searchform-overlay a.search-overlay-close {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
#searchform-overlay form {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -33px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#searchform-overlay form input, #searchform-overlay form label {
|
||||
font-size: 22px;
|
||||
line-height: 1.3;
|
||||
padding: 18px 0;
|
||||
margin: 0;
|
||||
min-height: 50px;
|
||||
color: #fff;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#searchform-overlay form input {
|
||||
position: relative;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #444;
|
||||
z-index: 2;
|
||||
transition: border-color .3s ease;
|
||||
-webkit-transition: border-color .3s ease;
|
||||
-moz-transition: border-color .3s ease;
|
||||
-o-transition: border-color .3s ease;
|
||||
-ms-transition: border-color .3s ease;
|
||||
}
|
||||
|
||||
#searchform-overlay form input:hover {
|
||||
border-color: #777;
|
||||
}
|
||||
|
||||
#searchform-overlay form input:focus {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
#searchform-overlay form label {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
cursor: text;
|
||||
opacity: .5;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#searchform-overlay form label i {
|
||||
display: inline-block;
|
||||
background-color: #fff;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
margin-left: 3px;
|
||||
-webkit-animation: blink 1s linear infinite;
|
||||
-moz-animation: blink 1s linear infinite;
|
||||
-o-animation: blink 1s linear infinite;
|
||||
animation: blink 1s linear infinite;
|
||||
}
|
||||
|
||||
#searchform-overlay form label i + i {
|
||||
-webkit-animation-delay: .2s;
|
||||
-moz-animation-delay: .2s;
|
||||
-o-animation-delay: .2s;
|
||||
animation-delay: .2s;
|
||||
}
|
||||
|
||||
#searchform-overlay form label i + i + i {
|
||||
-webkit-animation-delay: .4s;
|
||||
-moz-animation-delay: .4s;
|
||||
-o-animation-delay: .4s;
|
||||
animation-delay: .4s;
|
||||
}
|
||||
|
||||
#searchform-overlay form.search-filled label {
|
||||
opacity: 0;
|
||||
-webkit-transition-duration: 150ms;
|
||||
-moz-transition-duration: 150ms;
|
||||
-o-transition-duration: 150ms;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
body #wrap #searchform-overlay .container {
|
||||
max-width: 550px;
|
||||
}
|
||||
@@ -0,0 +1,281 @@
|
||||
/*------------------------------------*
|
||||
$PAGE HEADER
|
||||
*------------------------------------*/
|
||||
.page-header {
|
||||
position: relative;
|
||||
background-color: #f5f5f5;
|
||||
padding: 34px 0;
|
||||
}
|
||||
|
||||
.page-header .container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.has-transparent-header .page-header {
|
||||
padding: 120px 0 36px 0;
|
||||
}
|
||||
|
||||
body.home .page-header-inner {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page-header-title {
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
line-height: 1.4em;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
body.breadcrumbs-position-default .page-header-title {
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.page-subheading {
|
||||
font-size: 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.page-subheading p:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.centered-page-header .page-header-title,
|
||||
.centered-minimal-page-header .page-header-title {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Page Header Centered
|
||||
*/
|
||||
.centered-page-header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.centered-page-header .page-header-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.centered-page-header .page-subheading {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/**
|
||||
* Page Header Minimal Centered
|
||||
*/
|
||||
.centered-minimal-page-header {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.centered-minimal-page-header .page-header-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.centered-minimal-page-header .page-subheading {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/**
|
||||
* Page Header Solid Color
|
||||
*/
|
||||
.solid-color-page-header .page-header-title {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.solid-color-page-header .site-breadcrumbs,
|
||||
.solid-color-page-header .site-breadcrumbs a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.solid-color-page-header .page-subheading {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/**
|
||||
* Page Header Background Image
|
||||
*/
|
||||
.background-image-page-header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
background-color: #000;
|
||||
height: 400px;
|
||||
background-position: 50% 0;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.background-image-page-header .page-header-inner {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.background-image-page-header .page-subheading {
|
||||
position: relative;
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page-header.background-image-page-header .page-header-title {
|
||||
position: relative;
|
||||
color: #fff;
|
||||
font-size: 44px;
|
||||
font-weight: 400;
|
||||
max-width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.background-image-page-header-overlay {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: #000;
|
||||
z-index: 1;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/**
|
||||
* Breadcrumbs
|
||||
*/
|
||||
.site-breadcrumbs {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
max-width: 50%;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin-top: -16px;
|
||||
font-size: 13px;
|
||||
color: #c6c6c6;
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.site-breadcrumbs ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.site-breadcrumbs ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.site-breadcrumbs ul li:after {
|
||||
content: '\f105';
|
||||
margin: 0 6px;
|
||||
display: inline-block;
|
||||
font: normal normal 600 14px/1 'Font Awesome 5 Free';
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.site-breadcrumbs ul li:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-breadcrumbs .breadcrumb-title {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.site-breadcrumbs.position-under-title,
|
||||
.centered-page-header .site-breadcrumbs,
|
||||
.centered-minimal-page-header .site-breadcrumbs {
|
||||
position: inherit;
|
||||
top: auto;
|
||||
right: auto;
|
||||
margin-top: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Breadcrumbs Hide
|
||||
*/
|
||||
.background-image-page-header .site-breadcrumbs {
|
||||
display: none;
|
||||
position: inherit;
|
||||
margin: 20px 0 0;
|
||||
top: auto;
|
||||
right: auto;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* boxed */
|
||||
.boxed-main-layout .site-breadcrumbs {
|
||||
right: auto;
|
||||
}
|
||||
/* page title */
|
||||
body.has-breadcrumbs .page-header-title {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Tablet Portrait
|
||||
*------------------------------------*/
|
||||
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
||||
/* page header */
|
||||
.site-breadcrumbs {
|
||||
position: inherit;
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: auto;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* page header */
|
||||
.page-header-with-background .page-header-title {
|
||||
font-size: 36px;
|
||||
}
|
||||
.centered-page-header .page-header-title,
|
||||
.centered-minimal-page-header .page-header-title,
|
||||
.page-header.background-image-page-header .page-header-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.centered-page-header .page-subheading,
|
||||
.centered-minimal-page-header .page-header-subheading,
|
||||
.page-header.background-image-page-header .page-subheading {
|
||||
font-size: 14px;
|
||||
}
|
||||
.background-image-page-header {
|
||||
display: block;
|
||||
height: auto !important;
|
||||
}
|
||||
/* breadcrumbs */
|
||||
body.has-breadcrumbs .page-header-title {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.site-breadcrumbs {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,125 @@
|
||||
/*------------------------------------*
|
||||
$PAGINATION
|
||||
*------------------------------------*/
|
||||
ul.page-numbers {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 10px 0 0;
|
||||
list-style: none;
|
||||
text-align: right;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
ul.page-numbers li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.page-links {
|
||||
text-align: center;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.page-numbers a,
|
||||
.page-numbers span,
|
||||
.page-links span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
margin: 0 8px 0 0;
|
||||
text-align: center;
|
||||
color: #555;
|
||||
border: 1px solid #e9e9e9;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
border-radius: 2px;
|
||||
transition: all .3s ease-in-out;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.page-numbers a span {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.page-numbers a:hover,
|
||||
.page-links a:hover span,
|
||||
.page-numbers.current,
|
||||
.page-numbers.current:hover {
|
||||
background-color: #f8f8f8;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.oceanwp-pagination.oceanwp-center ul.page-numbers,
|
||||
.oceanwp-pagination.oceanwp-center .page-links {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.oceanwp-pagination.oceanwp-left ul.page-numbers,
|
||||
.oceanwp-pagination.oceanwp-left .page-links {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* next/prev */
|
||||
.page-jump a {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
line-height: 1.2;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 1px solid;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* infinite scroll */
|
||||
.infinite-scroll-loader {
|
||||
position: absolute;
|
||||
bottom: -35px;
|
||||
left: 50%;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
margin-left: -9px;
|
||||
border-left: 2px solid rgba(0, 0, 0, 0.15);
|
||||
border-right: 2px solid rgba(0, 0, 0, 0.15);
|
||||
border-bottom: 2px solid rgba(0, 0, 0, 0.15);
|
||||
border-top: 2px solid rgba(0, 0, 0, 0.8);
|
||||
border-radius: 100%;
|
||||
-webkit-animation: rotation .6s infinite linear;
|
||||
-moz-animation: rotation .6s infinite linear;
|
||||
-o-animation: rotation .6s infinite linear;
|
||||
animation: rotation .6s infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {-webkit-transform: rotate(0deg);}
|
||||
to {-webkit-transform: rotate(359deg);}
|
||||
}
|
||||
@-moz-keyframes rotation {
|
||||
from {-moz-transform: rotate(0deg);}
|
||||
to {-moz-transform: rotate(359deg);}
|
||||
}
|
||||
@-o-keyframes rotation {
|
||||
from {-o-transform: rotate(0deg);}
|
||||
to {-o-transform: rotate(359deg);}
|
||||
}
|
||||
@keyframes rotation {
|
||||
from {transform: rotate(0deg);}
|
||||
to {transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
#infscr-loading img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.infinite-scroll-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Add some padding */
|
||||
.infinite-scroll-wrap {
|
||||
position: relative;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
@@ -0,0 +1,155 @@
|
||||
/*------------------------------------*
|
||||
Mobile Menu
|
||||
*------------------------------------*/
|
||||
#oceanwp-mobile-menu-icon {
|
||||
display: none;
|
||||
float: right;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#oceanwp-mobile-menu-icon a {
|
||||
font-size: 13px;
|
||||
line-height: 74px;
|
||||
color: #555;
|
||||
padding-left: 15px;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
#oceanwp-mobile-menu-icon a:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#oceanwp-mobile-menu-icon a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
#oceanwp-mobile-menu-icon a.mobile-menu i {
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* boxed */
|
||||
.boxed-main-layout #wrap {
|
||||
overflow: hidden;
|
||||
}
|
||||
/* container */
|
||||
.container, body.content-full-screen .elementor-section.elementor-section-boxed > .elementor-container {
|
||||
max-width: 90%;
|
||||
}
|
||||
/* full width content and sidebar */
|
||||
.content-area,
|
||||
.content-left-sidebar .content-area {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-bottom: 40px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.no-margins .content-area,
|
||||
.no-margins.content-left-sidebar .content-area {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.widget-area,
|
||||
.content-left-sidebar .widget-area {
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
body.has-composer.has-sidebar #primary {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#main #content-wrap.container {
|
||||
width: auto !important;
|
||||
}
|
||||
/* header > navbar */
|
||||
#oceanwp-mobile-menu-icon {
|
||||
display: block;
|
||||
}
|
||||
/* header > search overlay */
|
||||
#searchform-overlay {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Tablet Portrait
|
||||
*------------------------------------*/
|
||||
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
||||
/* main */
|
||||
body.boxed-main-layout #wrap {
|
||||
width: auto !important;
|
||||
}
|
||||
/* turn 4 column masonry grids into 2 columns */
|
||||
body .oceanwp-row .span_1_of_4.col-3.col,
|
||||
body .oceanwp-row .span_1_of_4.col.product:nth-child(2n+3) {
|
||||
margin-left: 0;
|
||||
clear: both;
|
||||
}
|
||||
body .oceanwp-row .span_1_of_4.col,
|
||||
body .oceanwp-isotope-grid .span_1_of_4.col {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* Visibility */
|
||||
.hide-tablet-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
/* grid & main */
|
||||
#wrap {
|
||||
width: 100% !important;
|
||||
}
|
||||
body.boxed-main-layout #wrap {
|
||||
width: auto !important;
|
||||
}
|
||||
.boxed-main-layout #top-bar-social.top-bar-right {
|
||||
right: auto;
|
||||
}
|
||||
.boxed-main-layout #top-bar-social.top-bar-left {
|
||||
left: auto;
|
||||
}
|
||||
.col {
|
||||
width: 100% !important;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
/* Visibility */
|
||||
.hide-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
/* boxed */
|
||||
.boxed-main-layout #wrap .container {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
/* grid */
|
||||
.col {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Visibility
|
||||
*------------------------------------*/
|
||||
@media only screen and (min-width: 481px) and (max-width: 767px) {
|
||||
/* Visibility */
|
||||
.hide-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
/* About me */
|
||||
.oceanwp-about-me .oceanwp-about-me-social li { margin-right: 6px; margin-left: 0; }
|
||||
.oceanwp-about-me .oceanwp-about-me-social li:first-child { margin-right: 0; }
|
||||
|
||||
/* Contact info */
|
||||
.contact-info-widget.default .oceanwp-info-wrap { padding-right: 55px; padding-left: 0; }
|
||||
.contact-info-widget.default i { float: right; margin-left: 15px; margin-right: 0; }
|
||||
.contact-info-widget.big-icons i { float: right; margin-left: 20px; margin-right: 0; }
|
||||
|
||||
/* Custom links */
|
||||
.custom-links-widget .oceanwp-custom-links li a::before { margin-left: 10px; margin-right: 0; }
|
||||
.custom-links-widget .oceanwp-custom-links li a:hover { margin-right: 8px; margin-left: 0; }
|
||||
|
||||
/* Flickr */
|
||||
.flickr_badge_image { float: right; margin: 0 0 10px 4%; }
|
||||
.flickr_badge_image#flickr_badge_image3,
|
||||
.flickr_badge_image#flickr_badge_image6,
|
||||
.flickr_badge_image#flickr_badge_image9 { margin-left: 0; }
|
||||
p.flickr_stream_wrap a { background-position: right center; padding-right: 25px; padding-left: 0; }
|
||||
|
||||
/* MailChimp */
|
||||
.oceanwp-newsletter-form-wrap button { left: 15px; right: auto; }
|
||||
|
||||
/* Posts thumbnails */
|
||||
.oceanwp-recent-posts .recent-posts-thumbnail { float: right; margin-left: 10px; margin-right: 0; }
|
||||
.oceanwp-recent-posts .recent-posts-info .sep { padding-right: 3px; padding-left: 0; }
|
||||
.oceanwp-recent-posts .recent-posts-date { margin-left: 8px; margin-right: 0; }
|
||||
@@ -0,0 +1,46 @@
|
||||
/*------------------------------------*
|
||||
$SCROLL TOP
|
||||
*------------------------------------*/
|
||||
#scroll-top {
|
||||
display: none;
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
z-index: 10;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
#scroll-top > span {
|
||||
line-height: inherit;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#scroll-top:hover {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
/* scroll top button */
|
||||
#scroll-top {
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 24px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
/*------------------------------------*
|
||||
$SIDEBAR
|
||||
*------------------------------------*/
|
||||
#sidebar {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.sidebar-box {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.sidebar-box ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.widget-title {
|
||||
display: block;
|
||||
line-height: 1;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
border-width: 0 0 0 3px;
|
||||
border-style: solid;
|
||||
border-color: #13aff0;
|
||||
letter-spacing: 1px;
|
||||
padding-left: 15px;
|
||||
margin: 0 0 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widgets > Borders
|
||||
*/
|
||||
.oceanwp-widget-recent-posts-li,
|
||||
.widget_categories li,
|
||||
.widget_recent_entries li,
|
||||
.widget_archive li,
|
||||
.widget_recent_comments li,
|
||||
.widget_layered_nav li,
|
||||
.widget-recent-posts-icons li,
|
||||
.site-footer .widget_nav_menu li {
|
||||
padding: 6px 0;
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
}
|
||||
|
||||
.oceanwp-widget-recent-posts-li:first-child,
|
||||
.widget_categories li:first-child,
|
||||
.widget_recent_entries li:first-child,
|
||||
.widget_archive li:first-child,
|
||||
.widget_recent_comments li:first-child,
|
||||
.widget_layered_nav li:first-child,
|
||||
.widget-recent-posts-icons li:first-child,
|
||||
.site-footer .widget_nav_menu li:first-child {
|
||||
border-top: 1px solid #e9e9e9;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* sidebar */
|
||||
#main .widget_nav_menu li a:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,281 @@
|
||||
/*------------------------------------*
|
||||
$SIDR
|
||||
*------------------------------------*/
|
||||
#sidr-close,
|
||||
#mobile-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sidr {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
width: 300px;
|
||||
max-width: 100%;
|
||||
padding-bottom: 30px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
font-size: 15px;
|
||||
background-color: #fff;
|
||||
color: #555;
|
||||
-webkit-touch-callout: none;
|
||||
user-select: none;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
#sidr ul {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.sidr.right {
|
||||
left: auto;
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.sidr.left {
|
||||
left: -300px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.sidr a {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.sidr a:hover,
|
||||
.sidr-class-dropdown-toggle:hover,
|
||||
.sidr-class-menu-item-has-children.active > a,
|
||||
.sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
.sidr-class-clr:after {
|
||||
content: '';
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
zoom: 1;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
a.sidr-class-toggle-sidr-close {
|
||||
display: block;
|
||||
background-color: #f8f8f8;
|
||||
color: #333;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
padding: 20px;
|
||||
letter-spacing: 0.6px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
a.sidr-class-toggle-sidr-close i {
|
||||
display: inline-block;
|
||||
padding-right: 8px;
|
||||
margin: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: 18px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu ul,
|
||||
.sidr-class-fs-dropdown-menu ul {
|
||||
display: none;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.035);
|
||||
margin-left: 0;
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu li,
|
||||
.sidr-class-fs-dropdown-menu li {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.035);
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu > li:first-child,
|
||||
.sidr-class-fs-dropdown-menu > li:first-child {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.035);
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu li a,
|
||||
.sidr-class-fs-dropdown-menu li a {
|
||||
padding: 12px 20px;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu li a.sidr-class-sf-with-ul,
|
||||
.sidr-class-fs-dropdown-menu li a.sidr-class-sf-with-ul {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu ul li:last-child,
|
||||
.sidr-class-fs-dropdown-menu ul li:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sidr-class-top-bar-menu > li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.sidr-class-menu-item-has-children {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu li.sidr-class-menu-item-has-children > a {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-toggle {
|
||||
font-size: 11px;
|
||||
height: 100%;
|
||||
width: 60px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
cursor: pointer;
|
||||
color: #555;
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
text-align: center;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-toggle:before {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
content: '+';
|
||||
font-size: 20px;
|
||||
Font-weight: 600;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-top: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu li.active > a > .sidr-class-dropdown-toggle:before {
|
||||
content: '-';
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu ul a:before {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
content: '\f105';
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
Font-weight: 600;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu ul ul a:before {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu ul ul ul a:before {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.sidr-class-middle-site-logo,
|
||||
.sidr #searchform-header-replace-close,
|
||||
.sidr #sidr-id-searchform-overlay,
|
||||
.sidr .nav-arrow,
|
||||
.sidr-class-sidebar-box,
|
||||
.sidr-class-mega-cat .sidr-class-dropdown-toggle,
|
||||
.sidr-class-mega-cat .sidr-class-megamenu,
|
||||
.sidr-class-elementor {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu li.sidr-class-menu-item-has-children.sidr-class-mega-cat > a {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
.sidr-class-dropdown-menu a i {
|
||||
font-size: inherit !important;
|
||||
vertical-align: initial !important;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu a i.before,
|
||||
.sidr-class-dropdown-menu a i.below {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu a i.after {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* Overlay */
|
||||
.oceanwp-sidr-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* Search */
|
||||
#mobile-menu-search,
|
||||
.sidr-class-woo-cart-link,
|
||||
.sidr-class-search-toggle-li,
|
||||
#sidr-id-searchform-dropdown,
|
||||
#sidr-id-searchform-header-replace {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidr-class-mobile-searchform {
|
||||
position: relative;
|
||||
margin: 30px 20px 0;
|
||||
}
|
||||
|
||||
.sidr-class-mobile-searchform input {
|
||||
padding: 6px 45px 6px 12px !important;
|
||||
margin-top: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
-webkit-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
.sidr-class-mobile-searchform button {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
width: 30px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
top: 50%;
|
||||
margin-top: -15px;
|
||||
background: none;
|
||||
color: #555;
|
||||
border: 0;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.sidr-class-mobile-searchform button:hover {
|
||||
color: #222;
|
||||
}
|
||||
|
||||
/* Social */
|
||||
.sidr-class-social-menu-inner ul {
|
||||
display: table;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.sidr-class-social-menu-inner ul li {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.sidr-class-social-menu-inner ul li a {
|
||||
display: block;
|
||||
padding: 12px 10px;
|
||||
}
|
||||
@@ -0,0 +1,766 @@
|
||||
@font-face {
|
||||
font-family: 'simple-line-icons';
|
||||
src: url('../../themes/oceanwp/assets/fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.3.2');
|
||||
src: url('../../themes/oceanwp/assets/fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.3.2#iefix') format('embedded-opentype'), url('../../themes/oceanwp/assets/fonts/simple-line-icons/Simple-Line-Icons.woff2?v=2.3.2') format('woff2'), url('../../themes/oceanwp/assets/fonts/simple-line-icons/Simple-Line-Icons.ttf?v=2.3.2') format('truetype'), url('../../themes/oceanwp/assets/fonts/simple-line-icons/Simple-Line-Icons.woff?v=2.3.2') format('woff'), url('../../themes/oceanwp/assets/fonts/simple-line-icons/Simple-Line-Icons.svg?v=2.3.2#simple-line-icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/*
|
||||
Use the following CSS code if you want to have a class per icon.
|
||||
Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
|
||||
*/
|
||||
.icon-user,
|
||||
.icon-people,
|
||||
.icon-user-female,
|
||||
.icon-user-follow,
|
||||
.icon-user-following,
|
||||
.icon-user-unfollow,
|
||||
.icon-login,
|
||||
.icon-logout,
|
||||
.icon-emotsmile,
|
||||
.icon-phone,
|
||||
.icon-call-end,
|
||||
.icon-call-in,
|
||||
.icon-call-out,
|
||||
.icon-map,
|
||||
.icon-location-pin,
|
||||
.icon-direction,
|
||||
.icon-directions,
|
||||
.icon-compass,
|
||||
.icon-layers,
|
||||
.icon-menu,
|
||||
.icon-list,
|
||||
.icon-options-vertical,
|
||||
.icon-options,
|
||||
.icon-arrow-down,
|
||||
.icon-arrow-left,
|
||||
.icon-arrow-right,
|
||||
.icon-arrow-up,
|
||||
.icon-arrow-up-circle,
|
||||
.icon-arrow-left-circle,
|
||||
.icon-arrow-right-circle,
|
||||
.icon-arrow-down-circle,
|
||||
.icon-check,
|
||||
.icon-clock,
|
||||
.icon-plus,
|
||||
.icon-minus,
|
||||
.icon-close,
|
||||
.icon-exclamation,
|
||||
.icon-organization,
|
||||
.icon-trophy,
|
||||
.icon-screen-smartphone,
|
||||
.icon-screen-desktop,
|
||||
.icon-plane,
|
||||
.icon-notebook,
|
||||
.icon-mustache,
|
||||
.icon-mouse,
|
||||
.icon-magnet,
|
||||
.icon-energy,
|
||||
.icon-disc,
|
||||
.icon-cursor,
|
||||
.icon-cursor-move,
|
||||
.icon-crop,
|
||||
.icon-chemistry,
|
||||
.icon-speedometer,
|
||||
.icon-shield,
|
||||
.icon-screen-tablet,
|
||||
.icon-magic-wand,
|
||||
.icon-hourglass,
|
||||
.icon-graduation,
|
||||
.icon-ghost,
|
||||
.icon-game-controller,
|
||||
.icon-fire,
|
||||
.icon-eyeglass,
|
||||
.icon-envelope-open,
|
||||
.icon-envelope-letter,
|
||||
.icon-bell,
|
||||
.icon-badge,
|
||||
.icon-anchor,
|
||||
.icon-wallet,
|
||||
.icon-vector,
|
||||
.icon-speech,
|
||||
.icon-puzzle,
|
||||
.icon-printer,
|
||||
.icon-present,
|
||||
.icon-playlist,
|
||||
.icon-pin,
|
||||
.icon-picture,
|
||||
.icon-handbag,
|
||||
.icon-globe-alt,
|
||||
.icon-globe,
|
||||
.icon-folder-alt,
|
||||
.icon-folder,
|
||||
.icon-film,
|
||||
.icon-feed,
|
||||
.icon-drop,
|
||||
.icon-drawer,
|
||||
.icon-docs,
|
||||
.icon-doc,
|
||||
.icon-diamond,
|
||||
.icon-cup,
|
||||
.icon-calculator,
|
||||
.icon-bubbles,
|
||||
.icon-briefcase,
|
||||
.icon-book-open,
|
||||
.icon-basket-loaded,
|
||||
.icon-basket,
|
||||
.icon-bag,
|
||||
.icon-action-undo,
|
||||
.icon-action-redo,
|
||||
.icon-wrench,
|
||||
.icon-umbrella,
|
||||
.icon-trash,
|
||||
.icon-tag,
|
||||
.icon-support,
|
||||
.icon-frame,
|
||||
.icon-size-fullscreen,
|
||||
.icon-size-actual,
|
||||
.icon-shuffle,
|
||||
.icon-share-alt,
|
||||
.icon-share,
|
||||
.icon-rocket,
|
||||
.icon-question,
|
||||
.icon-pie-chart,
|
||||
.icon-pencil,
|
||||
.icon-note,
|
||||
.icon-loop,
|
||||
.icon-home,
|
||||
.icon-grid,
|
||||
.icon-graph,
|
||||
.icon-microphone,
|
||||
.icon-music-tone-alt,
|
||||
.icon-music-tone,
|
||||
.icon-earphones-alt,
|
||||
.icon-earphones,
|
||||
.icon-equalizer,
|
||||
.icon-like,
|
||||
.icon-dislike,
|
||||
.icon-control-start,
|
||||
.icon-control-rewind,
|
||||
.icon-control-play,
|
||||
.icon-control-pause,
|
||||
.icon-control-forward,
|
||||
.icon-control-end,
|
||||
.icon-volume-1,
|
||||
.icon-volume-2,
|
||||
.icon-volume-off,
|
||||
.icon-calendar,
|
||||
.icon-bulb,
|
||||
.icon-chart,
|
||||
.icon-ban,
|
||||
.icon-bubble,
|
||||
.icon-camrecorder,
|
||||
.icon-camera,
|
||||
.icon-cloud-download,
|
||||
.icon-cloud-upload,
|
||||
.icon-envelope,
|
||||
.icon-eye,
|
||||
.icon-flag,
|
||||
.icon-heart,
|
||||
.icon-info,
|
||||
.icon-key,
|
||||
.icon-link,
|
||||
.icon-lock,
|
||||
.icon-lock-open,
|
||||
.icon-magnifier,
|
||||
.icon-magnifier-add,
|
||||
.icon-magnifier-remove,
|
||||
.icon-paper-clip,
|
||||
.icon-paper-plane,
|
||||
.icon-power,
|
||||
.icon-refresh,
|
||||
.icon-reload,
|
||||
.icon-settings,
|
||||
.icon-star,
|
||||
.icon-symbol-female,
|
||||
.icon-symbol-male,
|
||||
.icon-target,
|
||||
.icon-credit-card,
|
||||
.icon-paypal,
|
||||
.icon-social-tumblr,
|
||||
.icon-social-twitter,
|
||||
.icon-social-facebook,
|
||||
.icon-social-instagram,
|
||||
.icon-social-linkedin,
|
||||
.icon-social-pinterest,
|
||||
.icon-social-github,
|
||||
.icon-social-google,
|
||||
.icon-social-reddit,
|
||||
.icon-social-skype,
|
||||
.icon-social-dribbble,
|
||||
.icon-social-behance,
|
||||
.icon-social-foursqare,
|
||||
.icon-social-soundcloud,
|
||||
.icon-social-spotify,
|
||||
.icon-social-stumbleupon,
|
||||
.icon-social-youtube,
|
||||
.icon-social-dropbox {
|
||||
font-family: 'simple-line-icons';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-people:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-user-female:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-user-follow:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.icon-user-following:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-user-unfollow:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.icon-login:before {
|
||||
content: "\e066";
|
||||
}
|
||||
.icon-logout:before {
|
||||
content: "\e065";
|
||||
}
|
||||
.icon-emotsmile:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.icon-phone:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.icon-call-end:before {
|
||||
content: "\e048";
|
||||
}
|
||||
.icon-call-in:before {
|
||||
content: "\e047";
|
||||
}
|
||||
.icon-call-out:before {
|
||||
content: "\e046";
|
||||
}
|
||||
.icon-map:before {
|
||||
content: "\e033";
|
||||
}
|
||||
.icon-location-pin:before {
|
||||
content: "\e096";
|
||||
}
|
||||
.icon-direction:before {
|
||||
content: "\e042";
|
||||
}
|
||||
.icon-directions:before {
|
||||
content: "\e041";
|
||||
}
|
||||
.icon-compass:before {
|
||||
content: "\e045";
|
||||
}
|
||||
.icon-layers:before {
|
||||
content: "\e034";
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.icon-list:before {
|
||||
content: "\e067";
|
||||
}
|
||||
.icon-options-vertical:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.icon-options:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.icon-arrow-down:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.icon-arrow-up:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.icon-arrow-up-circle:before {
|
||||
content: "\e078";
|
||||
}
|
||||
.icon-arrow-left-circle:before {
|
||||
content: "\e07a";
|
||||
}
|
||||
.icon-arrow-right-circle:before {
|
||||
content: "\e079";
|
||||
}
|
||||
.icon-arrow-down-circle:before {
|
||||
content: "\e07b";
|
||||
}
|
||||
.icon-check:before {
|
||||
content: "\e080";
|
||||
}
|
||||
.icon-clock:before {
|
||||
content: "\e081";
|
||||
}
|
||||
.icon-plus:before {
|
||||
content: "\e095";
|
||||
}
|
||||
.icon-minus:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.icon-close:before {
|
||||
content: "\e082";
|
||||
}
|
||||
.icon-exclamation:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.icon-organization:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.icon-trophy:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-screen-smartphone:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.icon-screen-desktop:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.icon-plane:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.icon-notebook:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.icon-mustache:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.icon-mouse:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.icon-magnet:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.icon-energy:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.icon-disc:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.icon-cursor:before {
|
||||
content: "\e06e";
|
||||
}
|
||||
.icon-cursor-move:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.icon-crop:before {
|
||||
content: "\e024";
|
||||
}
|
||||
.icon-chemistry:before {
|
||||
content: "\e026";
|
||||
}
|
||||
.icon-speedometer:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.icon-shield:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.icon-screen-tablet:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.icon-magic-wand:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.icon-hourglass:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.icon-graduation:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.icon-ghost:before {
|
||||
content: "\e01a";
|
||||
}
|
||||
.icon-game-controller:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.icon-fire:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.icon-eyeglass:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.icon-envelope-open:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.icon-envelope-letter:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.icon-bell:before {
|
||||
content: "\e027";
|
||||
}
|
||||
.icon-badge:before {
|
||||
content: "\e028";
|
||||
}
|
||||
.icon-anchor:before {
|
||||
content: "\e029";
|
||||
}
|
||||
.icon-wallet:before {
|
||||
content: "\e02a";
|
||||
}
|
||||
.icon-vector:before {
|
||||
content: "\e02b";
|
||||
}
|
||||
.icon-speech:before {
|
||||
content: "\e02c";
|
||||
}
|
||||
.icon-puzzle:before {
|
||||
content: "\e02d";
|
||||
}
|
||||
.icon-printer:before {
|
||||
content: "\e02e";
|
||||
}
|
||||
.icon-present:before {
|
||||
content: "\e02f";
|
||||
}
|
||||
.icon-playlist:before {
|
||||
content: "\e030";
|
||||
}
|
||||
.icon-pin:before {
|
||||
content: "\e031";
|
||||
}
|
||||
.icon-picture:before {
|
||||
content: "\e032";
|
||||
}
|
||||
.icon-handbag:before {
|
||||
content: "\e035";
|
||||
}
|
||||
.icon-globe-alt:before {
|
||||
content: "\e036";
|
||||
}
|
||||
.icon-globe:before {
|
||||
content: "\e037";
|
||||
}
|
||||
.icon-folder-alt:before {
|
||||
content: "\e039";
|
||||
}
|
||||
.icon-folder:before {
|
||||
content: "\e089";
|
||||
}
|
||||
.icon-film:before {
|
||||
content: "\e03a";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\e03b";
|
||||
}
|
||||
.icon-drop:before {
|
||||
content: "\e03e";
|
||||
}
|
||||
.icon-drawer:before {
|
||||
content: "\e03f";
|
||||
}
|
||||
.icon-docs:before {
|
||||
content: "\e040";
|
||||
}
|
||||
.icon-doc:before {
|
||||
content: "\e085";
|
||||
}
|
||||
.icon-diamond:before {
|
||||
content: "\e043";
|
||||
}
|
||||
.icon-cup:before {
|
||||
content: "\e044";
|
||||
}
|
||||
.icon-calculator:before {
|
||||
content: "\e049";
|
||||
}
|
||||
.icon-bubbles:before {
|
||||
content: "\e04a";
|
||||
}
|
||||
.icon-briefcase:before {
|
||||
content: "\e04b";
|
||||
}
|
||||
.icon-book-open:before {
|
||||
content: "\e04c";
|
||||
}
|
||||
.icon-basket-loaded:before {
|
||||
content: "\e04d";
|
||||
}
|
||||
.icon-basket:before {
|
||||
content: "\e04e";
|
||||
}
|
||||
.icon-bag:before {
|
||||
content: "\e04f";
|
||||
}
|
||||
.icon-action-undo:before {
|
||||
content: "\e050";
|
||||
}
|
||||
.icon-action-redo:before {
|
||||
content: "\e051";
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\e052";
|
||||
}
|
||||
.icon-umbrella:before {
|
||||
content: "\e053";
|
||||
}
|
||||
.icon-trash:before {
|
||||
content: "\e054";
|
||||
}
|
||||
.icon-tag:before {
|
||||
content: "\e055";
|
||||
}
|
||||
.icon-support:before {
|
||||
content: "\e056";
|
||||
}
|
||||
.icon-frame:before {
|
||||
content: "\e038";
|
||||
}
|
||||
.icon-size-fullscreen:before {
|
||||
content: "\e057";
|
||||
}
|
||||
.icon-size-actual:before {
|
||||
content: "\e058";
|
||||
}
|
||||
.icon-shuffle:before {
|
||||
content: "\e059";
|
||||
}
|
||||
.icon-share-alt:before {
|
||||
content: "\e05a";
|
||||
}
|
||||
.icon-share:before {
|
||||
content: "\e05b";
|
||||
}
|
||||
.icon-rocket:before {
|
||||
content: "\e05c";
|
||||
}
|
||||
.icon-question:before {
|
||||
content: "\e05d";
|
||||
}
|
||||
.icon-pie-chart:before {
|
||||
content: "\e05e";
|
||||
}
|
||||
.icon-pencil:before {
|
||||
content: "\e05f";
|
||||
}
|
||||
.icon-note:before {
|
||||
content: "\e060";
|
||||
}
|
||||
.icon-loop:before {
|
||||
content: "\e064";
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e069";
|
||||
}
|
||||
.icon-grid:before {
|
||||
content: "\e06a";
|
||||
}
|
||||
.icon-graph:before {
|
||||
content: "\e06b";
|
||||
}
|
||||
.icon-microphone:before {
|
||||
content: "\e063";
|
||||
}
|
||||
.icon-music-tone-alt:before {
|
||||
content: "\e061";
|
||||
}
|
||||
.icon-music-tone:before {
|
||||
content: "\e062";
|
||||
}
|
||||
.icon-earphones-alt:before {
|
||||
content: "\e03c";
|
||||
}
|
||||
.icon-earphones:before {
|
||||
content: "\e03d";
|
||||
}
|
||||
.icon-equalizer:before {
|
||||
content: "\e06c";
|
||||
}
|
||||
.icon-like:before {
|
||||
content: "\e068";
|
||||
}
|
||||
.icon-dislike:before {
|
||||
content: "\e06d";
|
||||
}
|
||||
.icon-control-start:before {
|
||||
content: "\e06f";
|
||||
}
|
||||
.icon-control-rewind:before {
|
||||
content: "\e070";
|
||||
}
|
||||
.icon-control-play:before {
|
||||
content: "\e071";
|
||||
}
|
||||
.icon-control-pause:before {
|
||||
content: "\e072";
|
||||
}
|
||||
.icon-control-forward:before {
|
||||
content: "\e073";
|
||||
}
|
||||
.icon-control-end:before {
|
||||
content: "\e074";
|
||||
}
|
||||
.icon-volume-1:before {
|
||||
content: "\e09f";
|
||||
}
|
||||
.icon-volume-2:before {
|
||||
content: "\e0a0";
|
||||
}
|
||||
.icon-volume-off:before {
|
||||
content: "\e0a1";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\e075";
|
||||
}
|
||||
.icon-bulb:before {
|
||||
content: "\e076";
|
||||
}
|
||||
.icon-chart:before {
|
||||
content: "\e077";
|
||||
}
|
||||
.icon-ban:before {
|
||||
content: "\e07c";
|
||||
}
|
||||
.icon-bubble:before {
|
||||
content: "\e07d";
|
||||
}
|
||||
.icon-camrecorder:before {
|
||||
content: "\e07e";
|
||||
}
|
||||
.icon-camera:before {
|
||||
content: "\e07f";
|
||||
}
|
||||
.icon-cloud-download:before {
|
||||
content: "\e083";
|
||||
}
|
||||
.icon-cloud-upload:before {
|
||||
content: "\e084";
|
||||
}
|
||||
.icon-envelope:before {
|
||||
content: "\e086";
|
||||
}
|
||||
.icon-eye:before {
|
||||
content: "\e087";
|
||||
}
|
||||
.icon-flag:before {
|
||||
content: "\e088";
|
||||
}
|
||||
.icon-heart:before {
|
||||
content: "\e08a";
|
||||
}
|
||||
.icon-info:before {
|
||||
content: "\e08b";
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\e08c";
|
||||
}
|
||||
.icon-link:before {
|
||||
content: "\e08d";
|
||||
}
|
||||
.icon-lock:before {
|
||||
content: "\e08e";
|
||||
}
|
||||
.icon-lock-open:before {
|
||||
content: "\e08f";
|
||||
}
|
||||
.icon-magnifier:before {
|
||||
content: "\e090";
|
||||
}
|
||||
.icon-magnifier-add:before {
|
||||
content: "\e091";
|
||||
}
|
||||
.icon-magnifier-remove:before {
|
||||
content: "\e092";
|
||||
}
|
||||
.icon-paper-clip:before {
|
||||
content: "\e093";
|
||||
}
|
||||
.icon-paper-plane:before {
|
||||
content: "\e094";
|
||||
}
|
||||
.icon-power:before {
|
||||
content: "\e097";
|
||||
}
|
||||
.icon-refresh:before {
|
||||
content: "\e098";
|
||||
}
|
||||
.icon-reload:before {
|
||||
content: "\e099";
|
||||
}
|
||||
.icon-settings:before {
|
||||
content: "\e09a";
|
||||
}
|
||||
.icon-star:before {
|
||||
content: "\e09b";
|
||||
}
|
||||
.icon-symbol-female:before {
|
||||
content: "\e09c";
|
||||
}
|
||||
.icon-symbol-male:before {
|
||||
content: "\e09d";
|
||||
}
|
||||
.icon-target:before {
|
||||
content: "\e09e";
|
||||
}
|
||||
.icon-credit-card:before {
|
||||
content: "\e025";
|
||||
}
|
||||
.icon-paypal:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.icon-social-tumblr:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.icon-social-twitter:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.icon-social-facebook:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.icon-social-instagram:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.icon-social-linkedin:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.icon-social-pinterest:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.icon-social-github:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.icon-social-google:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.icon-social-reddit:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
.icon-social-skype:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.icon-social-dribbble:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.icon-social-behance:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.icon-social-foursqare:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.icon-social-soundcloud:before {
|
||||
content: "\e612";
|
||||
}
|
||||
.icon-social-spotify:before {
|
||||
content: "\e613";
|
||||
}
|
||||
.icon-social-stumbleupon:before {
|
||||
content: "\e614";
|
||||
}
|
||||
.icon-social-youtube:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.icon-social-dropbox:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
/*------------------------------------*
|
||||
$AUTHOR BOX
|
||||
*------------------------------------*/
|
||||
#author-bio {
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
padding: 30px 0 0 130px;
|
||||
border-top-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#author-bio .author-bio-avatar,
|
||||
#author-bio .author-bio-avatar img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#author-bio .author-bio-avatar {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 20px;
|
||||
border: 3px solid #e9e9e9;
|
||||
}
|
||||
|
||||
#author-bio .author-bio-avatar img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#author-bio .author-bio-content {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#author-bio .author-bio-title {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
margin: 0 0 10px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
#author-bio .author-bio-description p:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.author #author-bio {
|
||||
margin: 0 0 30px;
|
||||
padding-bottom: 30px;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
/* author bio */
|
||||
#author-bio {
|
||||
padding: 30px 0 0 0;
|
||||
}
|
||||
#author-bio .author-bio-avatar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
/*------------------------------------*
|
||||
$SINGLE POST NEXT/PREV
|
||||
*------------------------------------*/
|
||||
.single nav.post-navigation {
|
||||
margin-top: 30px;
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
.single nav.post-navigation:after {
|
||||
content: '';
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
zoom: 1;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.single nav.post-navigation .nav-links .title {
|
||||
display: block;
|
||||
color: #13aff0;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.single nav.post-navigation .nav-links a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.single nav.post-navigation .nav-links i {
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.single nav.post-navigation .nav-links .post-title {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
|
||||
.single nav.post-navigation .nav-previous {
|
||||
float: left;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
border-right-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #f1f1f1;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.single nav.post-navigation .nav-previous i {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.single nav.post-navigation .nav-next {
|
||||
float: right;
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.single nav.post-navigation .nav-next i {
|
||||
float: right;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
.single nav.post-navigation .nav-links .nav-previous,
|
||||
.single nav.post-navigation .nav-links .nav-next {
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.single nav.post-navigation .nav-links .nav-previous {
|
||||
border-right-width: 0;
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
/*------------------------------------*
|
||||
$RELATED POSTS
|
||||
*------------------------------------*/
|
||||
#related-posts {
|
||||
margin-top: 30px;
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
#related-posts .title-wrap {
|
||||
display: block;
|
||||
color: #333;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.6px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
#related-posts ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#related-posts .col {
|
||||
float: left;
|
||||
position: relative;
|
||||
min-height: 100px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#related-posts .span_1_of_3 {
|
||||
width: 33.3333333333%;
|
||||
}
|
||||
|
||||
.related-thumb {
|
||||
display: block;
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.related-thumb img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
transition: opacity .3s;
|
||||
}
|
||||
|
||||
.related-thumb:hover img {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.related-post-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin: 12px 12px 3px 12px;
|
||||
}
|
||||
|
||||
.related-post-title a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
time.published {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
time.published i {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
#related-posts .col {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#related-posts .col:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,242 @@
|
||||
/*------------------------------------*
|
||||
$SLICK
|
||||
*------------------------------------*/
|
||||
/* Slider */
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.slick-list:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-list.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-track:before, .slick-track:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.slick-track:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.slick-loading .slick-track {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-slide {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.slick-slide img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-slide.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slick-slide.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-loading .slick-slide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face {
|
||||
font-family: "slick";
|
||||
src: url("../../themes/oceanwp/assets/fonts/slick/slick.eot");
|
||||
src: url("../../themes/oceanwp/assets/fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("../../themes/oceanwp/assets/fonts/slick/slick.woff") format("woff"), url("../../themes/oceanwp/assets/fonts/slick/slick.ttf") format("truetype"), url("../../themes/oceanwp/assets/fonts/slick/slick.svg#slick") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: inline-block;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
color: #fff;
|
||||
width: 30px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
font-size: 20px;
|
||||
border: 0;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
z-index: 10;
|
||||
transition: all .3s ease-in-out;
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
-moz-transition: all .3s ease-in-out;
|
||||
-o-transition: all .3s ease-in-out;
|
||||
-ms-transition: all .3s ease-in-out;
|
||||
}
|
||||
|
||||
.slick-prev:hover, .slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus {
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-prev {
|
||||
right: auto;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-prev span:before {
|
||||
content: '\f105';
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-next {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-next span:before {
|
||||
content: '\f104';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
list-style: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.slick-dots li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-dots li button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
outline: none;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
color: transparent;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover, .slick-dots li button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slick-dots li button:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
content: "•";
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-family: "slick";
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
opacity: 0.25;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-dots li.slick-active button:before {
|
||||
color: black;
|
||||
opacity: 0.75;
|
||||
}
|
||||
@@ -0,0 +1,474 @@
|
||||
/*------------------------------------*
|
||||
$SOCIAL MENU
|
||||
*------------------------------------*/
|
||||
#oceanwp-social-menu {
|
||||
float: right;
|
||||
display: table;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu.simple-social {
|
||||
right: -8px;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu.social-with-style {
|
||||
right: -2px;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .social-menu-inner {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
height: 74px;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li a {
|
||||
display: inline-block;
|
||||
background-color: transparent;
|
||||
color: #929292;
|
||||
padding: 0 8px;
|
||||
text-align: center;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li a span {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li a:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-twitter a:hover {
|
||||
color: #46d4fe;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-facebook a:hover {
|
||||
color: #37589b;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-googleplus a:hover {
|
||||
color: #de5a49;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-pinterest a:hover {
|
||||
color: #cb2027;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-dribbble a:hover {
|
||||
color: #ea4c89;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-vk a:hover {
|
||||
color: #597BA5;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-instagram a:hover {
|
||||
color: #3F729B;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-linkedin a:hover {
|
||||
color: #3399CC;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-tumblr a:hover {
|
||||
color: #2C4762;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-github a:hover {
|
||||
color: #60b044;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-flickr a:hover {
|
||||
color: #fa4086;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-skype a:hover {
|
||||
color: #00AFF0;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-youtube a:hover {
|
||||
color: #C4302B;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-vimeo a:hover {
|
||||
color: #1ab7ea;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-vine a:hover {
|
||||
color: #00bf8f;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-xing a:hover {
|
||||
color: #006464;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-yelp a:hover {
|
||||
color: #C41200;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-tripadvisor a:hover {
|
||||
color: #589442;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-rss a:hover {
|
||||
color: #ff7900;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu ul li.oceanwp-email a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
padding: 1em;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
-webkit-transition: all .3s ease-out;
|
||||
-moz-transition: all .3s ease-out;
|
||||
-o-transition: all .3s ease-out;
|
||||
transition: all .3s ease-out;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li a span {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-twitter a {
|
||||
background-color: #46d4fe;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-twitter a:hover {
|
||||
background-color: #39b4d8;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-facebook a {
|
||||
background-color: #37589b;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-facebook a:hover {
|
||||
background-color: #2d477c;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-googleplus a {
|
||||
background-color: #de5a49;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-googleplus a:hover {
|
||||
background-color: #bb4c3e;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-pinterest a {
|
||||
background-color: #cb2027;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-pinterest a:hover {
|
||||
background-color: #a91d23;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-dribbble a {
|
||||
background-color: #ea4c89;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-dribbble a:hover {
|
||||
background-color: #c64174;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-vk a {
|
||||
background-color: #597BA5;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-vk a:hover {
|
||||
background-color: #486384;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-instagram a {
|
||||
background-color: #3F729B;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-instagram a:hover {
|
||||
background-color: #315a7c;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-linkedin a {
|
||||
background-color: #3399CC;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-linkedin a:hover {
|
||||
background-color: #2678a1;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-tumblr a {
|
||||
background-color: #2C4762;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-tumblr a:hover {
|
||||
background-color: #1d3042;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-github a {
|
||||
background-color: #60b044;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-github a:hover {
|
||||
background-color: #4f9237;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-flickr a {
|
||||
background-color: #fa4086;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-flickr a:hover {
|
||||
background-color: #c63169;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-skype a {
|
||||
background-color: #00AFF0;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-skype a:hover {
|
||||
background-color: #0291c6;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-youtube a {
|
||||
background-color: #C4302B;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-youtube a:hover {
|
||||
background-color: #982420;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-vimeo a {
|
||||
background-color: #1ab7ea;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-vimeo a:hover {
|
||||
background-color: #1494bd;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-vine a {
|
||||
background-color: #00bf8f;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-vine a:hover {
|
||||
background-color: #01906c;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-xing a {
|
||||
background-color: #006464;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-xing a:hover {
|
||||
background-color: #014646;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-yelp a {
|
||||
background-color: #C41200;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-yelp a:hover {
|
||||
background-color: #940f01;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-tripadvisor a {
|
||||
background-color: #589442;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-tripadvisor a:hover {
|
||||
background-color: #426f32;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-rss a {
|
||||
background-color: #ff7900;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-rss a:hover {
|
||||
background-color: #d46603;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-email a {
|
||||
background-color: #13aff0;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .colored ul li.oceanwp-email a:hover {
|
||||
background-color: #0f8dc2;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
color: #bbb;
|
||||
border: 1px solid #ccc;
|
||||
line-height: 1;
|
||||
padding: 1em;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
-webkit-transition: all .3s ease-out;
|
||||
-moz-transition: all .3s ease-out;
|
||||
-o-transition: all .3s ease-out;
|
||||
transition: all .3s ease-out;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li a span {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-twitter a:hover {
|
||||
color: #46d4fe;
|
||||
border-color: #46d4fe;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-facebook a:hover {
|
||||
color: #37589b;
|
||||
border-color: #37589b;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-googleplus a:hover {
|
||||
color: #de5a49;
|
||||
border-color: #de5a49;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-pinterest a:hover {
|
||||
color: #cb2027;
|
||||
border-color: #cb2027;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-dribbble a:hover {
|
||||
color: #ea4c89;
|
||||
border-color: #ea4c89;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-vk a:hover {
|
||||
color: #597BA5;
|
||||
border-color: #597BA5;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-instagram a:hover {
|
||||
color: #3F729B;
|
||||
border-color: #3F729B;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-linkedin a:hover {
|
||||
color: #3399CC;
|
||||
border-color: #3399CC;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-tumblr a:hover {
|
||||
color: #2C4762;
|
||||
border-color: #2C4762;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-github a:hover {
|
||||
color: #60b044;
|
||||
border-color: #60b044;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-flickr a:hover {
|
||||
color: #fa4086;
|
||||
border-color: #fa4086;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-skype a:hover {
|
||||
color: #00AFF0;
|
||||
border-color: #00AFF0;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-youtube a:hover {
|
||||
color: #C4302B;
|
||||
border-color: #C4302B;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-vimeo a:hover {
|
||||
color: #1ab7ea;
|
||||
border-color: #1ab7ea;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-vine a:hover {
|
||||
color: #00bf8f;
|
||||
border-color: #00bf8f;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-xing a:hover {
|
||||
color: #006464;
|
||||
border-color: #006464;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-yelp a:hover {
|
||||
color: #C41200;
|
||||
border-color: #C41200;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-tripadvisor a:hover {
|
||||
color: #589442;
|
||||
border-color: #589442;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-rss a:hover {
|
||||
color: #ff7900;
|
||||
border-color: #ff7900;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .minimal ul li.oceanwp-email a:hover {
|
||||
color: #13aff0;
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .dark ul li {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .dark ul li a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
padding: 1em;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
-webkit-transition: all .3s ease-out;
|
||||
-moz-transition: all .3s ease-out;
|
||||
-o-transition: all .3s ease-out;
|
||||
transition: all .3s ease-out;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .dark ul li a:hover {
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#oceanwp-social-menu .dark ul li a span {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
@@ -0,0 +1,324 @@
|
||||
/*------------------------------------*
|
||||
$TOP BAR
|
||||
*------------------------------------*/
|
||||
#top-bar-wrap {
|
||||
background-color: #fff;
|
||||
font-size: 12px;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
#top-bar {
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
#top-bar-inner {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-bar-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.top-bar-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.top-bar-centered {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* Top Bar Content
|
||||
*/
|
||||
#top-bar-content strong {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#top-bar-content > a {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#top-bar-content > a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
#top-bar-content select {
|
||||
background-color: transparent;
|
||||
padding: 5px;
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
border-color: rgba(0, 0, 0, 0.2);
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
#top-bar-content #lang_sel {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 3px;
|
||||
margin-right: 10px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#top-bar-wrap #lang_sel ul ul {
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.top-bar-right .polylang-switcher-shortcode {
|
||||
float: right;
|
||||
margin: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.top-bar-left .polylang-switcher-shortcode {
|
||||
float: left;
|
||||
margin: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Top Bar Menu
|
||||
*/
|
||||
.top-bar-left.has-content #top-bar-nav,
|
||||
.top-bar-right.has-content #top-bar-nav {
|
||||
margin: 0;
|
||||
margin-right: 20px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#top-bar-nav,
|
||||
#top-bar-nav > li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#top-bar-content.top-bar-centered #top-bar-nav,
|
||||
#top-bar-content.top-bar-centered #top-bar-nav > li {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
|
||||
#top-bar-nav > ul > li {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#top-bar-nav > ul > li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#top-bar-nav > ul > li a .nav-arrow {
|
||||
margin-left: 4px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* Hide middle logo if is not in main menu */
|
||||
#top-bar-nav > ul > li.middle-site-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Top Bar Social
|
||||
*/
|
||||
#top-bar-social ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#top-bar-social li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#top-bar-social li a {
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
color: #bbb;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
#top-bar-social li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#top-bar-social.top-bar-left li:first-child a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#top-bar-social.top-bar-right li:last-child a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-twitter a:hover {
|
||||
color: #46d4fe;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-facebook a:hover {
|
||||
color: #37589b;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-googleplus a:hover {
|
||||
color: #de5a49;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-pinterest a:hover {
|
||||
color: #cb2027;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-dribbble a:hover {
|
||||
color: #ea4c89;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-vk a:hover {
|
||||
color: #597BA5;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-instagram a:hover {
|
||||
color: #3F729B;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-linkedin a:hover {
|
||||
color: #3399CC;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-tumblr a:hover {
|
||||
color: #2C4762;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-github a:hover {
|
||||
color: #60b044;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-flickr a:hover {
|
||||
color: #fa4086;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-skype a:hover {
|
||||
color: #00AFF0;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-youtube a:hover {
|
||||
color: #C4302B;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-vimeo a:hover {
|
||||
color: #1ab7ea;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-vine a:hover {
|
||||
color: #00bf8f;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-xing a:hover {
|
||||
color: #006464;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-yelp a:hover {
|
||||
color: #C41200;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-tripadvisor a:hover {
|
||||
color: #589442;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-rss a:hover {
|
||||
color: #ff7900;
|
||||
}
|
||||
|
||||
#top-bar-social li.oceanwp-email a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Top Bar Social Right
|
||||
*/
|
||||
#top-bar-social.top-bar-right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Top Bar Social Left
|
||||
*/
|
||||
#top-bar-social.top-bar-left {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Top Bar Social Centered
|
||||
*/
|
||||
#top-bar-social.top-bar-centered {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
#top-bar-social.top-bar-centered li {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* hide navbar */
|
||||
#top-bar-nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* top-bar */
|
||||
#top-bar {
|
||||
padding: 20px 0;
|
||||
}
|
||||
#top-bar > div:nth-child(2) {
|
||||
padding-top: 20px;
|
||||
}
|
||||
#top-bar-content, #top-bar-social-alt {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
#top-bar-social {
|
||||
text-align: center;
|
||||
}
|
||||
#top-bar-social.top-bar-left, #top-bar-social.top-bar-right {
|
||||
position: inherit;
|
||||
left: auto;
|
||||
right: auto;
|
||||
float: none;
|
||||
height: auto;
|
||||
line-height: 1.5em;
|
||||
margin-top: 0;
|
||||
}
|
||||
.top-bar-right {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
#top-bar-social li,
|
||||
#top-bar #top-bar-nav > li {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
#top-bar-nav {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
#top-bar #lang_sel {
|
||||
text-align: left;
|
||||
}
|
||||
body.rtl #top-bar #lang_sel {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,222 @@
|
||||
/*------------------------------------*
|
||||
$TOP HEADER
|
||||
*------------------------------------*/
|
||||
#site-header.top-header {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#site-header.top-header .header-top {
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#site-header.top-header .header-top .left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#site-header.top-header .header-top .right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#site-header.top-header .header-top .right .inner {
|
||||
display: table;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#site-header.top-header #searchform-header-replace {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#site-header.top-header.header-replace .left, #site-header.top-header.header-replace .right {
|
||||
transition: opacity 0.25s ease-in-out;
|
||||
-webkit-transition: opacity 0.25s ease-in-out;
|
||||
-moz-transition: opacity 0.25s ease-in-out;
|
||||
-o-transition: opacity 0.25s ease-in-out;
|
||||
-ms-transition: opacity 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
#site-header.top-header.header-replace .left.hide, #site-header.top-header.header-replace .right.hide {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#site-header.top-header #site-navigation-wrap {
|
||||
float: none;
|
||||
right: auto !important;
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
#site-header.top-header #site-navigation-wrap .dropdown-menu > li > a {
|
||||
font-size: 10px;
|
||||
line-height: 40px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#site-header.top-header #oceanwp-social-menu,
|
||||
#site-header.top-header #search-toggle {
|
||||
float: none;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#site-header.top-header #oceanwp-social-menu .social-menu-inner {
|
||||
display: block;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#site-header.top-header #oceanwp-social-menu {
|
||||
right: 0;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
#site-header.top-header #oceanwp-social-menu .colored ul li a,
|
||||
#site-header.top-header #oceanwp-social-menu .minimal ul li a,
|
||||
#site-header.top-header #oceanwp-social-menu .dark ul li a {
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
#site-header.top-header #oceanwp-social-menu .colored ul li a span,
|
||||
#site-header.top-header #oceanwp-social-menu .minimal ul li a span,
|
||||
#site-header.top-header #oceanwp-social-menu .dark ul li a span {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
#site-header.top-header #search-toggle {
|
||||
border-right: 1px solid #f1f1f1;
|
||||
border-left: 1px solid #f1f1f1;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
#site-header.top-header #search-toggle a {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
width: 28px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#site-header.top-header.search-overlay #search-toggle .search-overlay-toggle {
|
||||
position: relative;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
#site-header.top-header.search-overlay #search-toggle .search-overlay-toggle.exit > span:before {
|
||||
content: '✕';
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#site-header.top-header #searchform-header-replace input {
|
||||
color: #222;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
#site-header.top-header #searchform-header-replace-close {
|
||||
font-size: 16px;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
#site-header.top-header .header-bottom {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#site-header.top-header #site-logo {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
#site-header.top-header #site-logo #site-logo-inner {
|
||||
display: block;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#site-header.top-header #site-logo #site-description {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#site-header.top-header #site-logo #site-description h2 {
|
||||
color: #929292;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Top Menu header mobile menu */
|
||||
#site-header.top-header #oceanwp-mobile-menu-icon {
|
||||
float: none;
|
||||
left: -15px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
#site-header.top-header #oceanwp-mobile-menu-icon a {
|
||||
font-size: 10px;
|
||||
line-height: 40px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
All Devices under 960px
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 959px) {
|
||||
/* Hide social and search form in sidr for the top menu header style */
|
||||
.top-header-style .sidr-class-social-menu-inner,
|
||||
.top-header-style .sidr-class-mobile-searchform {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
/* Hide social and search in menu and show them in sidr for the top menu header style */
|
||||
#site-header.top-header .right {
|
||||
display: none;
|
||||
}
|
||||
#site-header.top-header.header-replace .left.hide,
|
||||
#site-header.top-header.header-replace .right.hide {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
#site-header.top-header .header-top .left,
|
||||
#site-header.top-header .header-top .right {
|
||||
float: none !important;
|
||||
text-align: center;
|
||||
}
|
||||
#site-header.top-header #oceanwp-mobile-menu-icon {
|
||||
float: none;
|
||||
left: auto !important;
|
||||
right: auto !important;
|
||||
}
|
||||
#site-header.top-header #oceanwp-mobile-menu-icon a {
|
||||
float: none;
|
||||
}
|
||||
#site-header.top-header .header-top .right .inner {
|
||||
display: block;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#site-header.top-header #oceanwp-social-menu,
|
||||
#site-header.top-header #search-toggle {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
}
|
||||
.top-header-style .sidr-class-social-menu-inner,
|
||||
.top-header-style .sidr-class-mobile-searchform {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
/*------------------------------------*
|
||||
$TRANSPARENT HEADER
|
||||
*------------------------------------*/
|
||||
#transparent-header-wrap {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#site-header.transparent-header {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
background-color: transparent;
|
||||
height: auto;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#site-header.transparent-header #site-logo.has-transparent-logo .custom-logo-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#site-header.transparent-header #site-logo.has-transparent-logo .transparent-logo-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .custom-logo-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .transparent-logo-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.has-transparent-header .oceanwp-sticky-header-holder {
|
||||
height: auto !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Retina Logo
|
||||
*------------------------------------*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
|
||||
/* Transparent logo */
|
||||
#site-header.transparent-header #site-logo.has-transparent-logo .transparent-logo-link,
|
||||
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .custom-logo-link {
|
||||
display: none;
|
||||
}
|
||||
#site-logo.has-transparent-logo .retina-logo-link {
|
||||
display: none;
|
||||
}
|
||||
#site-logo.has-transparent-logo .transparent-retina-logo-link {
|
||||
display: block;
|
||||
}
|
||||
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .retina-logo-link {
|
||||
display: block;
|
||||
}
|
||||
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .transparent-retina-logo-link {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------*
|
||||
Phone Portrait and Landscape
|
||||
*------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* Transparent logo */
|
||||
#site-header.transparent-header #site-logo.has-transparent-logo .transparent-logo-link,
|
||||
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .custom-logo-link {
|
||||
display: none;
|
||||
}
|
||||
#site-logo.has-transparent-logo .retina-logo-link {
|
||||
display: none;
|
||||
}
|
||||
#site-logo.has-transparent-logo .transparent-retina-logo-link {
|
||||
display: block;
|
||||
}
|
||||
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .retina-logo-link {
|
||||
display: block;
|
||||
}
|
||||
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .transparent-retina-logo-link {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,26 @@
|
||||
/* About me */
|
||||
.oceanwp-about-me .oceanwp-about-me-social li { margin-right: 6px; margin-left: 0; }
|
||||
.oceanwp-about-me .oceanwp-about-me-social li:first-child { margin-right: 0; }
|
||||
|
||||
/* Contact info */
|
||||
.contact-info-widget .oceanwp-info-wrap { padding-right: 55px; padding-left: 0; }
|
||||
.contact-info-widget i { float: right; margin-left: 15px; margin-right: 0; }
|
||||
|
||||
/* Custom links */
|
||||
.custom-links-widget .oceanwp-custom-links li a::before { margin-left: 10px; margin-right: 0; }
|
||||
.custom-links-widget .oceanwp-custom-links li a:hover { margin-right: 8px; margin-left: 0; }
|
||||
|
||||
/* Flickr */
|
||||
.flickr_badge_image { float: right; margin: 0 0 10px 4%; }
|
||||
.flickr_badge_image#flickr_badge_image3,
|
||||
.flickr_badge_image#flickr_badge_image6,
|
||||
.flickr_badge_image#flickr_badge_image9 { margin-left: 0; }
|
||||
p.flickr_stream_wrap a { background-position: right center; padding-right: 25px; padding-left: 0; }
|
||||
|
||||
/* MailChimp */
|
||||
.oceanwp-newsletter-form-wrap button { left: 15px; right: auto; }
|
||||
|
||||
/* Posts thumbnails */
|
||||
.oceanwp-recent-posts .recent-posts-thumbnail { float: right; margin-left: 10px; margin-right: 0; }
|
||||
.oceanwp-recent-posts .recent-posts-info .sep { padding-right: 3px; padding-left: 0; }
|
||||
.oceanwp-recent-posts .recent-posts-date { margin-left: 8px; margin-right: 0; }
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,9 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Categories WidgetCart
|
||||
-------------------------------------------------------------------*/
|
||||
.widget_product_categories li { position: relative; }
|
||||
.widget_product_categories li a { display: block; font-size: 12px; line-height: 1.6; font-weight: 600; text-transform: uppercase; padding: 10px 22px 10px 40px; border-bottom: 1px dotted; }
|
||||
.widget_product_categories li .open-this { position: absolute; left: 0; width: 40px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; cursor: pointer; }
|
||||
.widget_product_categories .count { position: absolute; top: 0; right: 0; color: #999; padding: 10px 20px 0 0; z-index: 10; }
|
||||
.widget_product_categories li ul.children { display: none; margin: 0 0 0 16px; }
|
||||
.widget_product_categories li ul a { font-weight: 400; text-transform: none; border-bottom: 0; }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,8 @@
|
||||
/*------------------------------------------------------------------
|
||||
Header Cart
|
||||
-------------------------------------------------------------------*/
|
||||
#current-shop-items-dropdown { position: absolute; top: 100%; right: 0; background-color: #fff; z-index: 10000; padding: 20px; border-top: 3px solid transparent; text-align: left; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); max-height: 450px; width: 260px; overflow-y: auto; visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
|
||||
#current-shop-items-dropdown.show { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; }
|
||||
.boxed-main-layout #current-shop-items-dropdown { right: 30px }
|
||||
#current-shop-items-dropdown .widgettitle { display: none }
|
||||
#current-shop-items-dropdown li:first-child { border-top: none }
|
||||
@@ -0,0 +1,13 @@
|
||||
/*------------------------------------------------------------------
|
||||
Quantity Button
|
||||
-------------------------------------------------------------------*/
|
||||
.quantity input { -webkit-appearance: textfield !important; -moz-appearance: textfield !important }
|
||||
.quantity { position: relative; float: left; overflow: hidden; zoom: 1; }
|
||||
.quantity .qty { display: block; float: left; width: 36px; min-height: 36px; border: 1px solid #e4e4e4; margin: 0; padding: 0; text-align: center; vertical-align: middle; font-size: 12px; color: #777; cursor: pointer; }
|
||||
.quantity .qty-changer { float: left; margin-left: 6px; }
|
||||
.quantity .qty-changer a { display: block; width: 16px; height: 16px; font-size: 8px; line-height: 14px; border: 1px solid #e1e1e1; color: #ccc; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||||
.quantity .qty-changer a.plus { margin-bottom: 4px; }
|
||||
.quantity .qty-changer a:hover { border-color: #e0e0e0; }
|
||||
.quantity input::-webkit-outer-spin-button,
|
||||
.quantity input::-webkit-inner-spin-button { display: none }
|
||||
.woocommerce form input[type="number"] { max-width: 58px; min-height: 36px; }
|
||||
Reference in New Issue
Block a user