/*
Theme Name: Bard
Theme URI: https://wp-royal-themes.com/themes/item-bard-free/
Author: WP Royal
Author URI: https://wp-royal-themes.com/
Description: Personal and Multi-Author Free WordPress Blog Theme. Perfect for personal, lifestyle, health & fitness, food, cooking, bakery, travel, beauty, fashion, wedding, photography, news, quotes blog, auto blog, small business website and any other kind of amazing blogs. Minimal, elegant & mobile friendly layout with WooCommerce shop (storefront) support will WOW and inspire your visitors. Well documented and very easy to use even for WordPress beginners. Clean and Modern Responsive design will perfectly showcase your content on any device, even on tablet, mobile & retina displays. Very fast, compatibility with many popular plugins & of course translation & RTL (right to left language) ready, coded with best SEO practices. The theme has features like Text & Image logo, Fullscreen Slider, Header image, Instagram slider widget support, footer menu support, GDPR compatibility plugins support and many more. Works perfectly with all major drag and drop page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi. You just need to write and be awesome! TEMPLATE DEMO: http://bard-free.wp-royal-themes.com/demo/
Version: 2.225
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 6.8.2
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: bard
Tags: blog, e-commerce, food-and-drink, one-column, two-columns, three-columns, grid-layout, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, flexible-header, full-width-template, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS
----------------------------------------------------------------
1.0 Normalize
2.0 General Styles & Classes
3.0 Top Bar
3.0 Page Header
4.0 Page Header
5.0 Featured Slider
6.0 Main Navigation
7.0 Featured Links
8.0 Blog Grid
9.0 Blog Pagination
10.0 Blog Single
11.0 Comments
12.0 Default Gallery
13.0 Widgets
14.0 Page Footer
15.0 Typography
16.0 Pages
17.0 Preloader
18.0 Gutenberg Styles
------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
#infscr-loading {
text-align: center;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 0;
}
hr {
box-sizing: content-box;
overflow: visible;
border: 0;
height: 1px;
margin: 20px 0;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ffff00;
color: #000000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
display: block;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
p,
button,
input,
optgroup,
select,
textarea {
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0; /* 3 */
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/* Custom - Theme Specific */
body {
margin: 0;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
img {
height: auto;
}
img,
iframe,
embed {
max-width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input,
textarea,
select {
font-family: 'Open Sans';
outline: 0;
font-size: 14px;
-webkit-border-radius: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
line-height: normal;
clear: both;
}
/*--------------------------------------------------------------
2.0 General Styles & Classes
--------------------------------------------------------------*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
outline: 0 !important;
}
.clear-fix:before,
.clear-fix:after {
content: "";
display: table;
table-layout: fixed;
}
.clear-fix:after {
clear: both;
}
.cv-container {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 90;
}
.cv-outer {
display: table;
width: 100%;
height: 100%;
}
.cv-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.boxed-wrapper {
margin: 0 auto;
}
#page-header.boxed-wrapper {
padding: 0 !important;
}
.main-content {
padding-top: 40px;
padding-bottom: 92px;
}
/* WordPress Default Class */
.sticky {
padding: 40px;
}
.sticky .related-posts {
border: none;
padding-bottom: 0;
}
.bypostauthor {
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
clip-path: polygon(0 0, 0 0,0 0, 0 0);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
clip: auto !important;
display: block;
height: auto;
left: 5px;
top: 5px;
width: auto;
z-index: 100000;
}
.alignnone {
margin: 5px 20px 10px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 10px auto;
clear: both;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 10px 0;
}
a img.alignright {
float: right;
margin: 5px 0 10px 20px;
}
a img.alignnone {
margin: 5px 20px 10px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 10px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
overflow: hidden;
}
.wp-caption-text {
padding: 10px;
text-align: center;
font-size: 14px;
}
.wp-block-image figcaption {
text-align: center;
font-size: 14px;
}
.center-text {
text-align: center;
}
/* Default Styles */
hr {
border: 0;
height: 1px;
margin: 30px 0;
}
strong {
font-weight: bold;
}
em,
cite,
address {
font-style: italic;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: monospace, monospace;
font-size: 85%;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.comment-text h1,
.comment-text h2,
.comment-text h3,
.comment-text h4,
.comment-text h5,
.comment-text h6 {
margin-bottom: 12px;
}
h1 {
font-size: 34px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px;
}
p {
margin-bottom: 15px;
}
blockquote {
font-style: italic;
font-size: 16px;
line-height: 1.618;
border-left-width: 3px;
border-left-style: solid;
padding-left: 15px;
margin-left: 0;
margin-right: 0;
}
blockquote p {
opacity: 0.65;
}
.wp-block-pullquote blockquote {
border-top-width: 2px;
border-top-style: solid;
padding-top: 10px;
border-left: 0;
padding-left: 0;
}
.post-content ul,
.woocommerce-product-details__short-description ul,
.woocommerce-Tabs-panel--description ul {
padding-left: 20px;
margin-bottom: 15px;
list-style: disc;
}
.wp-block-gallery ul {
padding-left: 0 !important;
}
.post-content ol,
.woocommerce-product-details__short-description ol,
.woocommerce-Tabs-panel--description ol {
padding-left: 25px;
margin-bottom: 15px;
list-style: decimal;
}
table {
margin-bottom: 15px;
}
table th {
font-weight: bold;
}
table tr,
table th,
table td {
border-width: 1px;
border-style: solid;
padding: 10px;
text-align: left;
}
dl dt {
font-weight: bold;
}
abbr[title] {
border-width: 1px;
border-style: dotted;
cursor: help;
}
big {
font-size: 125%;
}
pre {
border-width: 1px;
border-style: solid;
padding: 20px;
white-space: pre-wrap;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
.post-password-form input[name="post_password"] {
width: 100%;
padding: 12px;
font-size: 14px;
border-width: 1px;
border-style: solid;
}
.post-password-form input[type="submit"] {
padding: 12px;
font-size: 14px;
font-weight: bold;
border: none;
margin-top: 15px;
cursor: pointer;
}
/*--------------------------------------------------------------
3.0 Top Bar
--------------------------------------------------------------*/
#top-bar {
position: relative;
z-index: 1;
text-align: center;
box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);
}
#top-bar .boxed-wrapper {
padding: 0 40px;
}
#top-menu {
float: left;
}
.top-bar-socials {
float: right;
}
#top-menu li {
position: relative;
}
#top-menu > li {
display: inline-block;
list-style: none;
}
#top-menu li a {
display: block;
position: relative;
padding: 0 5px;
margin-left: 5px;
}
#top-menu li a:first-child {
margin-left: 0;
}
#top-menu > li > a {
display: block;
text-decoration: none;
}
#top-menu > li:first-child > a {
padding-left: 0px;
}
#top-menu > li:last-child > a {
padding-right: 0px;
}
#top-menu ul ul {
top: -1px !important;
left: 100%;
}
#top-menu .sub-menu {
display: none;
position: absolute;
z-index: 130;
width: 170px;
text-align: left;
border-style: solid;
border-width: 1px;
}
#top-menu .sub-menu a {
border-bottom-style: solid;
border-bottom-width: 1px;
}
#top-menu .sub-menu > li:last-of-type > a {
border: none;
}
#top-menu .sub-menu li:first-child > .sub-menu {
margin-top: -1px;
}
#top-menu .sub-menu > li > a {
display: block;
width: 100%;
padding: 0px 15px;
margin: 0;
}
.top-bar-socials a {
margin-left: 15px;
text-align: center;
text-decoration: none;
}
.top-bar-socials a:first-child {
margin-left: 0;
}
/* Elementor FontAwesome Fix */
.top-bar-socials a i {
font-weight: 400 !important;
}
/*--------------------------------------------------------------
4.0 Page Header
--------------------------------------------------------------*/
.entry-header {
position: relative;
overflow: hidden;
}
.header-logo {
text-align: center;
}
.header-logo a {
display: block;
margin: 0 auto;
font-size: 150px;
font-weight: normal;
line-height: 1;
transition: all 0.05s ease-in;
-webkit-transition: all 0.05s ease-in;
-moz-transition: all 0.05s ease-in;
-o-transition: all 0.05s ease-in;
-ms-transition: all 0.05s ease-in;
}
.header-logo a img {
margin: 0 auto 10px;
}
.site-description {
position: relative;
display: inline-block;
font-family: "Open Sans";
margin-bottom: 0;
}
.site-description:before,
.site-description:after {
content: ' ';
position: absolute;
top: 13px;
display: block;
width: 27px;
height: 1px;
}
.site-description:before {
left: -40px;
}
.site-description:after {
right: -40px;
}
.title-tagline-shown .site-description {
display: inline-block;
}
.title-tagline-hidden .header-logo a:not(.logo-img),
.title-tagline-hidden .site-description {
display: none;
}
/* Social Media Icons */
.header-socials {
font-size: 0;
}
.header-socials-icon {
display: inline-block;
width: 30px;
height: 30px;
line-height: 27px;
border-radius: 100%;
font-size: 12px;
margin: 10px 7px 0 0;
border: 1px solid;
}
/*--------------------------------------------------------------
5.0 Featured Slider
--------------------------------------------------------------*/
.featured-slider-area.boxed-wrapper {
padding-top: 41px;
}
#featured-slider.boxed-wrapper img {
width: 100%;
}
.slider-item {
position: relative;
display: none;
}
#featured-slider .slider-item:first-child {
display: block;
}
#featured-slider.slick-initialized .slider-item {
display: block;
}
#featured-slider.boxed-wrapper .slider-item-bg {
height: 540px;
}
.slider-item-bg {
height: 600px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.slider-info {
display: inline-block;
max-width: 840px;
padding: 40px 60px;
font-family: "Open Sans";
}
#featured-slider .prev-arrow,
#featured-slider .next-arrow {
display: block;
position: absolute;
top: 50%;
margin-top: -15px;
z-index: 1001;
width: 33px;
height: 33px;
line-height: 32px;
font-size: 14px;
color: #111111;
border-radius: 50%;
-webkit-border-radius: 50%;
text-align: center;
cursor: pointer;
}
#featured-slider .prev-arrow {
left: 15px;
}
#featured-slider .next-arrow {
right: 15px;
}
#featured-slider .prev-arrow:before {
margin-right: 2px;
}
#featured-slider .next-arrow:before {
margin-left: 2px;
}
.post-slider .prev-arrow,
.post-slider .next-arrow {
display: block;
position: absolute;
top: 50%;
z-index: 1001;
padding: 0 15px;
margin-top: -21px;
font-size: 42px;
text-align: center;
cursor: pointer;
}
.post-slider .prev-arrow {
left: 15px;
}
.post-slider .next-arrow {
right: 15px;
}
.slider-dots {
display: block;
position: absolute;
left: 0;
bottom: 13px;
z-index: 1000;
width: 100%;
list-style: none;
text-align: center;
}
.slider-dots li {
display: inline-block;
width: 13px;
height: 13px;
margin-right: 11px;
border-style: solid;
border-width: 2px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.slider-dots li:last-child {
margin-right: 0;
}
.slider-categories {
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 11px;
}
.slider-title {
position: relative;
font-size: 31px;
line-height: 46px;
letter-spacing: 1.3px;
font-weight:600;
text-transform: uppercase;
margin-bottom: 51px;
}
.slider-title:after {
content: " ";
position: absolute;
top: 100%;
left: calc(50% - 24px);
margin-top: 18px;
width: 48px;
height: 1px;
}
.slider-read-more a {
display: inline-block;
padding: 0 22px;
border: 1px solid;
font-size: 13px;
font-weight: bold;
letter-spacing: 2px;
line-height: 37px;
text-transform: uppercase;
cursor: pointer;
}
.slider-data {
margin-bottom: 20px;
}
/*--------------------------------------------------------------
6.0 Main Navigation
--------------------------------------------------------------*/
.main-nav-sidebar {
display: inline-block;
}
.main-nav-sidebar div {
max-height: 60px;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.main-nav-sidebar div span {
display: block;
width: 17px;
height: 2px;
margin-bottom: 3px;
}
.main-nav-sidebar,
.main-nav-search {
-webkit-user-select: none;
user-select: none;
}
#main-nav {
position: relative;
z-index: 1100 !important;
min-height: 60px;
}
#main-nav > div {
position: relative;
}
/* Menu */
#main-menu {
width: auto;
padding: 0 55px;
}
#main-menu li {
position: relative;
}
#main-menu > li {
display: inline-block;
list-style: none;
}
#main-menu > li:after {
content: '';
position: absolute;
top: 0;
right: -3px;
bottom: 0;
width: 5px;
height: 5px;
margin: auto 0;
-ms-transform: rotateZ(-45deg);
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
#main-menu > li:last-child:after {
display: none !important;
}
#main-menu li a {
display: block;
position: relative;
padding: 0 17px;
}
#main-menu > li > a {
display: block;
text-decoration: none;
}
#main-menu li:first-child a {
padding-left: 0px;
}
#main-menu li:last-child a {
padding-right: 0px;
}
#main-menu ul ul {
top: 0;
left: 100%;
}
#main-menu .sub-menu {
display: none;
position: absolute;
z-index: 130;
width: 210px;
text-align: left;
border-style: solid;
border-width: 1px;
}
#main-menu .sub-menu a {
border-bottom-style: solid;
border-bottom-width: 1px;
}
#main-menu .sub-menu > li:last-of-type > a {
border: none;
}
#main-menu .sub-menu > li > a {
display: block;
width: 100%;
padding: 10px 15px;
margin: 0;
}
#main-menu .sub-menu li.menu-item-has-children > a:after {
font-family: "fontello";
content: "\f105";
font-size: 14px;
float: right;
}
#main-menu .sub-menu li:first-child > .sub-menu {
margin-top: -1px;
}
/* Mobile Menu */
.mobile-menu-container {
display: none;
clear: both;
}
.mobile-menu-btn {
display: none;
font-size: 16px;
padding: 0 15px;
line-height: 60px;
cursor: pointer;
}
#mobile-menu {
padding-bottom: 15px;
}
#mobile-menu li {
position: relative;
width: 100%;
text-align: center;
}
#mobile-menu li.menu-item-has-children > a {
display: inline-block;
text-indent: 15px;
}
#mobile-menu li a {
display: block;
position: relative;
z-index: 5;
}
#mobile-menu .sub-menu li {
line-height: 30px !important;
}
#mobile-menu .sub-menu li .sub-menu-btn-icon {
top: 5px !important;
}
.sub-menu-btn {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
padding: 0 10px;
z-index: 1;
}
.sub-menu-btn-icon {
position: relative;
top: 16px;
display: inline-block;
font-size: 13px;
vertical-align: top;
line-height: 19px;
}
#mobile-menu .sub-menu {
display: none;
}
/* Icons */
.btn-tooltip {
position: absolute;
color: #ffffff;
visibility: hidden;
opacity: 0;
text-align: center;
padding: 5px 0px 6px 0px;
font-size: 11px;
line-height: 1;
letter-spacing: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 230ms ease-in-out 0s;
transition: all 230ms ease-in-out 0s;
}
.btn-tooltip:before {
content: "";
position: absolute;
width: 0;
height: 0;
margin-left: -4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top-style: solid;
border-top-width: 4px;
}
.main-nav-search {
float: right;
margin-left: 18px;
position: relative;
cursor: pointer;
}
.main-nav-search i {
position: relative;
z-index: 10;
}
.main-nav-search {
-webkit-transition: all 230ms ease-in-out 0s;
transition: all 230ms ease-in-out 0s;
cursor: pointer;
}
.main-nav-search .btn-tooltip {
top: -24px;
right: 0px;
width: 65px;
}
.main-nav-search .btn-tooltip:before {
right: 5px;
bottom: -3px;
}
.main-nav-search:hover .btn-tooltip {
top: -11px;
visibility: visible;
opacity: 1;
}
.main-nav-search #searchform {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.main-nav-search #searchform i {
display: none;
}
.main-nav-search label,
.main-nav-search #searchsubmit {
display: none;
}
.main-nav-search div {
line-height: 1;
}
/* Search */
#main-nav #searchform {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
}
#main-nav #searchform input {
width: 100%;
padding: 0;
border: 0;
letter-spacing: 0.4px;
font-weight: 600;
text-align: center;
}
#main-nav #searchform,
#main-nav #searchform i,
#main-nav #searchform #searchsubmit,
.main-nav-search i:last-of-type {
display: none;
}
/* Sidebar Alt */
.main-nav-sidebar {
position: relative;
float: left;
margin-right: 17px;
height: 60px;
cursor: pointer;
}
.main-nav-sidebar .btn-tooltip {
top: -24px;
left: 0px;
width: 90px;
}
.main-nav-sidebar .btn-tooltip:before {
left: 10px;
bottom: -3px;
}
.main-nav-sidebar:hover .btn-tooltip {
top: -11px;
visibility: visible;
opacity: 1;
}
.sidebar-alt {
width: 100%;
position: fixed;
top: 0;
z-index: 1200;
height: 100%;
overflow-x: hidden;
transition: left 500ms ease-out;
-webkit-transition: left 500ms ease-out;
-moz-transition: left 500ms ease-out;
-o-transition: left 500ms ease-out;
-ms-transition: left 500ms ease-out;
}
.sidebar-alt-close {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1150;
width: 100%;
height: 100%;
cursor: pointer;
}
.sidebar-alt-close-btn {
position: absolute;
top: 20px;
right: 30px;
width: 24px;
height: 24px;
cursor: pointer;
}
.admin-bar .sidebar-alt-close-btn {
top: 40px;
}
.sidebar-alt-close-btn span {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 3px;
cursor: pointer;
margin-left: -9px;
}
.sidebar-alt-close-btn span:first-child {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sidebar-alt-close-btn span:last-child {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main-nav-socials {
float: left;
}
.main-nav-socials a {
font-size: 14px;
line-height: 60px;
margin-left: 14px;
text-align: center;
text-decoration: none;
}
.main-nav-socials a:first-child {
margin-left: 0;
}
/* Random Post Button */
.random-post-btn {
position: relative;
top: 0;
display: inline-block;
line-height: 60px;
font-size: 16px;
-webkit-transition: all 230ms ease-in-out 0s;
transition: all 230ms ease-in-out 0s;
cursor: pointer;
}
.random-post-btn .btn-tooltip {
top: -24px;
left: 0px;
width: 110px;
}
.random-post-btn .btn-tooltip:before {
left: 10px;
bottom: -3px;
}
.random-post-btn:hover .btn-tooltip {
top: -11px;
visibility: visible;
opacity: 1;
}
/*--------------------------------------------------------------
7.0 Featured Links
--------------------------------------------------------------*/
#featured-links {
padding-top: 25px;
padding-bottom: 15px;
}
#featured-links .boxed-wrapper {
font-size: 0;
text-align: center;
}
#featured-links .featured-link {
position: relative;
float: left;
}
#featured-links a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.featured-link {
overflow: hidden;
}
.featured-link .cv-outer {
padding: 12px;
}
.featured-link .cv-inner {
border-width: 1px;
border-style: solid;
transition: border 0.4s;
-webkit-transition: border 0.4s;
}
.featured-link h6 {
display: inline-block;
padding: 8px 20px;
font-family: 'Open Sans';
font-size: 14px;
letter-spacing: 1.5px;
font-weight: 600;
text-transform: uppercase;
}
/* Zoom */
.featured-link img {
transition: transform 0.4s ease-in-out;
-webkit-transition: transform 0.4s ease-in-out;
}
.featured-link:hover img {
transform: scale(1.05);
}
/*--------------------------------------------------------------
8.0 Blog Grid
--------------------------------------------------------------*/
.main-container {
float: left;
margin: 0 auto;
overflow: hidden;
}
.sidebar-left {
float: left;
}
.sidebar-right {
float: right;
}
.post-media {
position: relative;
margin-bottom: 16px;
}
.page .post-media {
margin-bottom: 23px;
}
.post-media > a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
transition: background-color 0.3s ease 0s;
-webkit-transition: background-color 0.3s ease 0s;
}
.post-media > a:hover {
background-color: rgba(255,255,255, 0.1);
}
.post-header {
text-align: center;
margin-bottom: 17px;
}
.blog-classic-style {
width: 100%;
}
.blog-classic-style .post-header {
margin-bottom: 22px;
}
.post-categories a {
font-size: 12px;
font-weight: 600;
letter-spacing: 1.7px;
text-transform: uppercase;
}
.blog-classic-style .post-categories,
.single .post-categories {
margin-bottom: 4px;
}
.blog-classic-style .post-title,
.single .post-title,
.page-title {
font-size: 22px;
line-height: 34px;
letter-spacing: 0.5px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 8px;
}
.blog-grid-style .post-title {
font-size: 16px;
line-height: 31px;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
}
.post-title em,
.page-title em {
font-weight: 700;
}
.border-divider {
display: block;
height: 1px;
max-width: 45px;
margin: 0 auto;
}
.post-meta {
margin: 10px 2px 0;
}
.post-meta span.meta-sep:last-child {
display: none;
}
.meta-sep {
display: none;
}
.post-date + span.meta-sep,
.post-author + span.meta-sep {
display: inline;
}
.post-content {
overflow: hidden;
}
.post-content > p {
text-align: justify;
}
.post-content > p.has-text-align-left {
text-align: left;
}
.post-content > p.has-text-align-right {
text-align: right;
}
.post-content > p.has-text-align-center {
text-align: center;
}
.read-more {
margin: 18px 0 34px;
text-align: center;
}
.read-more a {
display: inline-block;
padding: 0 25px;
font-size: 13px;
line-height: 40px;
letter-spacing: 2px;
font-weight: 400;
text-transform: uppercase;
cursor: pointer;
}
.read-more a:after {
content: "";
display: block;
height: 1px;
max-width: 40px;
margin: 0 auto;
}
.post-footer {
overflow: hidden;
position: relative;
text-align: center;
padding: 10px 0;
line-height: 30px;
border-bottom: 1px solid;
}
.blog-grid-style .post-date {
float: right;
}
.post-date {
font-style: italic;
}
.post-author {
float: left;
font-style: italic;
}
.single .post-footer,
.blog-classic-style .post-footer {
font-size: 14px;
}
.blog-grid-style .post-footer,
.post-meta {
font-size: 13px;
}
.post-author a img {
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-right: 6px;
}
.post-share {
float: right;
}
.post-share a {
margin-left: 16px;
}
.post-comments {
font-style: italic;
}
.blog-classic-style .post-comments,
.single .post-comments {
float: right;
}
.no-result-found {
text-align: center;
margin: 50px auto 100px;
}
.no-result-found h1 {
margin-bottom: 15px;
}
.no-result-found .widget_search {
max-width: 480px;
margin: 30px auto 0px;
}
.post-media img,
.post-media iframe,
.post-media embed {
margin: 0 auto;
}
/* List layout */
.blog-grid {
padding-left: 0 !important;
list-style: none !important;
}
.blog-list-style {
border-bottom-width: 1px;
border-bottom-style: solid;
margin-right: 0;
}
.blog-list-style .post-header {
margin-bottom: 10px;
}
.blog-list-style .post-title {
font-size: 16px;
line-height: 31px;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
}
.blog-list-style .post-share {
float: none;
}
.blog-list-style .post-author {
float: none;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
}
.blog-list-style .post-media {
margin-bottom: 0;
}
.blog-list-style .post-categories {
margin-bottom: 4px;
}
.blog-list-style .read-more {
margin: 0;
}
.blog-list-style .read-more a {
padding: 0;
}
.blog-list-style .read-more a:after {
display: none;
}
/* Category Description */
.category-description {
overflow: hidden;
padding: 25px 0 30px;
text-align: center;
overflow-wrap: break-word;
}
.category-description h4 {
margin-top: 5px;
margin-bottom: 11px;
text-transform: capitalize;
}
.category-description p {
display: inline-block;
max-width: 630px;
margin-bottom: 10px;
}
/*--------------------------------------------------------------
9.0 Blog Pagination
--------------------------------------------------------------*/
.blog-pagination {
position: relative;
overflow: hidden;
text-align: center;
margin-top: 25px;
font-size: 13px;
letter-spacing: 2px;
font-weight: 600;
text-transform: uppercase;
}
/* Default */
.page-content .blog-pagination.default .previous-page a,
.page-content .blog-pagination.default .next-page a {
font-size: 12px;
letter-spacing: 1.5px;
}
.blog-pagination.default .previous-page {
float: left;
}
.blog-pagination.default .next-page {
float: right;
}
/* Numeric */
.blog-pagination.numeric {
margin-top: 40px;
}
.blog-pagination.numeric a,
.blog-pagination.numeric span {
display: inline-block;
padding: 13px 15px;
line-height: 1;
margin: 0 2px;
}
.blog-pagination.numeric .numeric-prev-page {
position: absolute;
top: 0;
left: 0;
margin-left: 0;
margin-right: 0;
}
.blog-pagination.numeric .numeric-next-page {
position: absolute;
top: 0;
right: 0;
margin-left: 0;
margin-right: 0;
}
/*--------------------------------------------------------------
10.0 Blog Single
--------------------------------------------------------------*/
/* Tags */
.post-tags {
text-align: left;
margin-bottom: 18px;
}
.post-tags a {
position: relative;
display: inline-block;
font-size: 12px;
line-height: 24px;
padding: 0 12px;
margin-right: 5px;
margin-bottom: 5px;
border-width: 1px;
border-style: solid;
}
/* Navigation */
.single-navigation {
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 20px 0 22px;
overflow: hidden;
}
.single-navigation .previous-post {
float: left;
width: 50%;
}
.single-navigation .next-post {
float: right;
width: 50%;
}
.next-post > a {
float: right;
width: 75px;
margin-left: 18px;
}
.previous-post > a {
float: left;
width: 75px;
margin-right: 18px;
}
.single-navigation span {
display: block;
padding-top: 12px;
line-height: 2.2;
font-size: 11px;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
}
.single-navigation > div h5 {
padding-bottom: 19px;
font-size: 13px;
line-height: 1.8;
letter-spacing: 1px;
text-transform: uppercase;
}
.single-navigation .previous-post > div {
float: left;
text-align: left;
}
.single-navigation .next-post > div {
float: right;
text-align: right;
}
/* Post Pagination */
.single-pagination {
padding: 20px;
text-align: center;
}
/* Post Author */
.author-description {
overflow: hidden;
padding: 50px 0 49px;
border-bottom-style: solid;
border-bottom-width: 1px;
text-align: center;
overflow-wrap: break-word;
}
.author-avatar img {
display: inline-block;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.author-description h3 {
margin-top: 5px;
margin-bottom:11px;
}
.author-share a {
font-size: 14px;
margin-right: 10px;
}
.author-share a:last-child {
margin: 0;
}
.author-description p {
display: inline-block;
max-width: 630px;
margin-bottom: 10px;
}
/* Related Post */
.related-posts {
padding-bottom: 34px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.related-posts h3 {
margin-bottom: 27px;
}
.related-posts h5 {
margin-top: 8px;
}
.related-posts h5 a {
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
.related-post-date {
font-size: 12px;
}
.related-posts section {
float: left;
width: calc((100% - (2 * 23px)) / 3 - 1px);
width: -webkit-calc((100% - (2 * 23px)) / 3 - 1px);
}
.related-posts section {
margin-right: 23px;
}
.related-posts section:last-of-type {
margin-right: 0 !important;
}
.blog-list-style .related-posts {
padding-bottom: 0;
border-bottom: 0;
padding-top: 40px;
clear:both;
}
.wp-block-search {
position: relative;
}
.wp-block-search label {
display: none;
}
.wp-block-search input {
width: 100%;
padding: 12px;
font-size: 14px;
border-width: 1px;
border-style: solid;
}
.wp-block-search button {
position: absolute;
top: 0;
right: 0;
padding: 15px;
cursor: pointer;
border: 0;
}
/*--------------------------------------------------------------
11.0 Comments
--------------------------------------------------------------*/
#reply-title,
#reply-title a,
.comment-title h2,
.comment-title {
margin-bottom: 44px;
}
.comments-area .children {
margin-left: 30px;
}
.entry-comments {
overflow: hidden;
padding-bottom: 37px;
margin-bottom: 41px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.commentslist > li:last-child .entry-comments {
margin-bottom: 0;
}
.comment-content {
overflow: hidden;
}
.comment-avatar {
float: left;
margin-right: 17px;
}
.comment-avatar img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.comment-author {
font-family: 'Montserrat';
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.comment-date a:first-child:hover {
text-decoration: underline;
}
.awaiting-moderation {
font-style: italic;
}
.commentslist footer a:hover {
text-decoration: underline;
}
.logged-in-as {
margin-bottom: 12px;
}
.comment-meta {
margin-bottom: 7px;
font-size: 11px;
text-transform: capitalize;
}
.comment-date {
margin-right: 10px;
}
.comment-edit-link {
display: inline-block;
}
.comment-reply-link {
font-size: 13px;
font-weight: 600;
float: right;
margin-top: -20px;
text-transform: capitalize;
}
.comment-form {
padding-top: 4px;
}
.comment-form label {
display: block;
margin-bottom: 6px;
font-size: 15px;
}
.comment-notes {
font-style: italic;
font-size: 14px;
margin-bottom: 25px;
}
.comments-area input,
.comments-area textarea {
width: 100%;
padding: 12px 15px;
border-width: 1px;
border-style: solid;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
margin-bottom: 15px;
}
.comment-form-comment {
margin-bottom: 10px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: calc( (100% - 44px) / 3 );
width: -webkit-calc( (100% -44px) / 3- 1px) !important;
float: left;
}
.comment-form-author,
.comment-form-email {
margin-right: 22px;
}
.comments-area textarea {
height: 250px;
}
.form-submit {
margin-bottom: 0;
}
.comments-area #submit {
font-family: 'Montserrat';
font-size: 11px;
border: none;
width: auto;
cursor: pointer;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
}
/*--------------------------------------------------------------
12.0 Default Gallery
--------------------------------------------------------------*/
.gallery {
margin-bottom: 10px;
overflow: hidden;
list-style: none !important;
}
.gallery-caption,
.wp-caption-text {
padding: 10px;
border-width: 1px;
border-style: solid;
border-top: 0;
}
.gallery-item {
display: inline-block;
vertical-align: top;
padding: 0 !important;
margin-right: 5px;
margin-bottom: 5px;
text-align: center;
}
.gallery-columns-1 .gallery-item {
float: none !important;
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: -webkit-calc((100% - (5px * 1)) / 2 - 1px);
width: calc((100% - (5px * 1)) / 2 - 1px);
}
.gallery-columns-3 .gallery-item {
width: -webkit-calc((100% - (5px * 2)) / 3 - 1px);
width: calc((100% - (5px * 2)) / 3 - 1px);
}
.gallery-columns-4 .gallery-item {
width: -webkit-calc((100% - (5px * 3)) / 4 - 1px);
width: calc((100% - (5px * 3)) / 4 - 1px);
}
.gallery-columns-5 .gallery-item {
width: -webkit-calc((100% - (5px * 4)) / 5 - 1px);
width: calc((100% - (5px * 4)) / 5 - 1px);
}
.gallery-columns-6 .gallery-item {
width: -webkit-calc((100% - (5px * 5)) / 6 - 1px);
width: calc((100% - (5px * 5)) / 6 - 1px);
}
.gallery-columns-7 .gallery-item {
width: -webkit-calc((100% - (5px * 6)) / 7 - 1px);
width: calc((100% - (5px * 6)) / 7 - 1px);
}
.gallery-columns-8 .gallery-item {
width: -webkit-calc((100% - (5px * 7)) / 8 - 1px);
width: calc((100% - (5px * 7)) / 8 - 1px);
}
.gallery-columns-9 .gallery-item {
width: -webkit-calc((100% - (5px * 8)) / 9 - 1px);
width: calc((100% - (5px * 8)) / 9 - 1px);
}
/*--------------------------------------------------------------
13.0 Widgets
--------------------------------------------------------------*/
.bard-widget {
margin-bottom: 40px;
overflow: hidden;
}
.sidebar-right .bard-widget:last-child,
.sidebar-left .bard-widget:last-child {
margin-bottom: 0;
}
.bard-widget input[type="text"],
.bard-widget input[type="email"],
.bard-widget input[type="url"],
.bard-widget input[type="password"],
.bard-widget input[type="search"],
.bard-widget input[type="submit"],
.bard-widget select,
.bard-widget textarea {
width: 100%;
padding: 10px;
font-size: 14px;
border-width: 1px;
border-style: solid;
}
.widget-title {
position: relative;
z-index: 0;
clear: both;
}
.widget-title h4 {
font-family: 'Montserrat';
text-align: center;
font-size: 12px;
font-weight: 500;
line-height: 32px;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 25px;
border: 1px solid #ebebeb;
}
.bard-widget > ul li span,
.bard-widget > ul li span a {
font-size: 14px;
letter-spacing: 1px;
font-weight: 700;
color: inherit;
}
.widget_recent_entries ul li span {
font-size: 12px;
}
.widget_recent_comments li,
.widget_meta li,
.widget_recent_comments li,
.widget_pages > ul > li,
.widget_archive li,
.widget_categories > ul > li,
.widget_recent_entries ul li,
.widget_nav_menu li {
border-bottom-width: 1px;
border-bottom-style: dotted;
line-height: 2.1;
padding: 7px 0;
}
.widget_pages .children > li a {
display: block;
border-top-style: dotted;
border-top-width: 1px;
}
.widget_nav_menu li a {
display: block;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
.bard-widget .sub-menu {
padding-left: 10px;
}
.widget_rss img {
display: inline-block;
}
/* Search */
.widget_search #searchform,
.widget_product_search .woocommerce-product-search {
position: relative;
}
.widget_search .svg-fa-wrap,
.widget_search #searchsubmit {
position: absolute;
top: 0;
right: 0;
text-align: center;
width: 41px;
height: 41px;
line-height: 42px;
}
.widget_search .svg-fa-wrap {
font-size: 14px;
}
.widget_search #searchsubmit {
cursor: pointer;
opacity: 0;
}
.widget_product_search input[type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 11px;
width: auto !important;
cursor: pointer;
}
/* Category */
.widget_categories ul li,
.widget_archive ul li {
float: left;
width: 100%;
text-align: right;
}
.widget_categories ul li a,
.widget_archive ul li a {
float: left;
overflow: hidden;
}
.widget_categories .children li {
padding-left: 10px;
border-top-width: 1px;
border-top-style: dotted;
}
/* TagCloud */
.tagcloud a {
display: inline-block;
padding: 4px 13px;
margin: 0 5px 7px 0;
font-size: 11px !important;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
border-style: solid;
border-width: 1px;
}
/* Calendar */
#wp-calendar {
width: 100%;
border-width: 1px;
border-style: solid;
}
#wp-calendar thead th {
padding-bottom: 5px;
font-size: 14px;
text-align: center;
}
#wp-calendar caption {
padding: 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-align: center;
}
#wp-calendar tbody td a {
display: block;
}
#wp-calendar tfoot #prev,
#wp-calendar tfoot #next {
padding: 8px 5px;
}
#wp-calendar tfoot #prev a,
#wp-calendar tfoot #next a {
color: inherit;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
}
#wp-calendar tfoot #next {
text-align: right;
}
#wp-calendar thead tr th {
padding: 8px;
text-align: center;
font-weight: 700;
}
#wp-calendar tbody td {
border-width: 1px;
border-style: solid;
font-size: 14px;
text-align: center;
}
#wp-calendar tbody td a {
text-decoration: none;
font-weight: bold;
font-size: 15px;
}
/* Text Widget */
.widget_text p:last-of-type {
margin-bottom: 0;
}
/* Social Widget */
.bard_social_widget .social-icons {
text-align: center;
}
.bard_social_widget .social-icons a {
margin-right: 8.5%;
padding: 0 3px;
line-height: 35px;
font-size: 17px;
}
.bard_social_widget .social-icons a:last-child {
margin-right: 0;
}
/* Instagram Widget */
.footer-instagram-widget {
overflow: hidden;
}
.bard-instagram-widget {
position: relative;
}
.instagram-title {
position: absolute;
z-index: 110;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
padding: 0 15px;
}
.instagram-title h4 {
font-family: 'Open Sans';
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
line-height: 42px;
text-align: center;
text-transform: uppercase;
}
.jr-insta-slider {
display: block;
}
.null-instagram-feed {
display: block;
width: 100%;
overflow: hidden;
}
.null-instagram-feed li a {
display: block;
width: 130px;
float: left;
opacity: 0;
overflow: hidden;
}
.null-instagram-feed .clear {
display: none;
}
.bard-widget.null-instagram-feed li a {
width: calc( 95% / 3 - 1px );
width: -webkit-calc( 95% / 3 - 1px );
opacity: 1;
margin-right: 2.5%;
margin-bottom:2.5%;
}
.bard-widget.null-instagram-feed li:nth-child(3n+0) a {
margin-right: 0px;
}
.bard-widget .meks-instagram-widget {
margin: 0 auto !important;
}
.bard-instagram-widget.widget_meks_instagram {
display: -webkit-flex;
-webkit-flex-flow: column wrap;
-webkit-align-items: center;
}
.bard-instagram-widget .meks-instagram-widget {
display: -webkit-flex;
max-width: 100% !important;
width: 100%;
}
.bard-instagram-widget .meks-instagram-widget > div {
-webkit-flex: 1 0 0px !important;
padding-top: 0 !important;
}
.bard-instagram-widget .meks-instagram-widget a img {
width: 100%;
}
.bard-widget .meks-instagram-follow-link {
margin-top: 13px;
text-align: center;
}
.bard-widget .meks-instagram-follow-link {
margin-top: 13px;
text-align: center;
}
.bard-widget .meks-instagram-follow-link svg,
.bard-instagram-widget .meks-instagram-follow-link {
display: none !important;
}
.bard-widget #sb_instagram #sbi_images .sbi_item {
width: 33.3% !important;
padding-top: 0 !important;
padding-bottom: 5px !important;
padding-right: 2.5px !important;
padding-left: 2.5px !important;
}
/* Featured Posts Widget */
.rpwwt-widget ul li {
padding-bottom: 15px;
margin-bottom: 10px !important;
border-bottom-style: dotted;
border-bottom-width: 1px;
overflow: hidden;
}
.rpwwt-widget ul li:last-child {
margin: 0 !important;
padding: 0 !important;
border-bottom: none;
}
.rpwwt-widget ul li:last-child img {
margin-bottom: 0 !important;
}
.rpwwt-post-title {
display: block;
margin-bottom: 2px;
font-size: 15px;
}
.rpwwt-post-author,
.rpwwt-post-categories,
.rpwwt-post-date,
.rpwwt-post-comments-number {
font-size: 13px;
font-style: italic;
}
/* Facebook Widget */
.widget_fbw_id .loader {
display: none !important;
}
/* MailPoet Widgets */
.bard-widget.widget_wysija {
padding: 28px 30px;
}
.widget_wysija .widget-title h4 {
border: 0;
line-height: 1.6;
}
.widget_wysija .widget-title h4:before {
font-family: "fontello";
content: "\e802";
font-weight: 400;
font-size: 14px;
margin-right: 7px;
}
.widget_wysija .widget-title h4:after {
content: "";
position: absolute;
top: 100%;
left: calc(50% - 9px);
margin-top: 14px;
width: 18px;
height: 1px;
}
.widget_wysija p {
font-size: 13px;
line-height: 1.4;
text-align: center;
}
.widget_wysija p label {
text-align: left;
}
.widget_wysija {
width: 100%;
}
.mc4wp-error {
text-align: center;
margin-top: 10px;
}
.formError .formErrorContent {
width: 160px;
}
.widget_wysija label {
margin-bottom: 10px;
}
.widget_wysija input[type="submit"] {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
font-style: 13px;
margin-top: 12px;
border: none;
cursor: pointer;
}
.widget_wysija input[name="wysija[user][firstname]"],
.widget_wysija input[name="wysija[user][lastname]"],
.widget_wysija input[name="wysija[user][email]"],
.widget_wysija select {
margin-bottom: 10px;
}
.widget_wysija_cont .updated,
.widget_wysija_cont .error,
.widget_wysija_cont .xdetailed-errors {
font-family: 'Open Sans';
padding: 9px;
}
/* Contact form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
border-style: solid;
border-width: 1px;
padding: 13px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"] {
width: 60%;
}
.wpcf7 input[type="number"] {
width: 60px;
}
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"] {
width: 170px;
}
.wpcf7 textarea {
width: 100%;
height: 250px;
}
.wpcf7 label input,
.wpcf7 label select,
.wpcf7 label textarea {
margin-top: 3px;
}
.wpcf7 label,
.wpcf7-quiz-label {
display: block;
}
.wpcf7 p {
margin-bottom: 22px;
}
.wpcf7 [type="submit"] {
padding: 13px;
border: none;
width: auto;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
}
.zoom-social_icons-list-span {
font-family: "socicon" !important;
}
/*--------------------------------------------------------------
14.0 Page Footer
--------------------------------------------------------------*/
/* Footer Widgets */
.footer-widgets {
border-top-width: 1px;
border-top-style: solid;
overflow: hidden;
padding: 60px 0 0px;
}
.page-footer-inner {
overflow: hidden;
}
.footer-widgets .page-footer-inner > .bard-widget {
float: left;
margin-bottom: 75px;
}
.alt-widget-title {
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 20px;
}
.alt-widget-title h4 {
font-family: 'Montserrat';
font-size: 14px;
line-height: 39px;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
}
.footer-socials {
text-align: center;
padding: 20px 0px;
}
.footer-socials a {
display: inline-block;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
line-height: 27px;
text-transform: uppercase;
margin-right: 35px;
}
.footer-socials-icon {
font-size: 13px;
margin-right: 9px;
}
.footer-socials a:last-child {
margin: 0;
}
.footer-logo a {
display: inline-block;
margin: 0 auto 30px;
}
.footer-copyright {
overflow: hidden;
padding: 60px 0 50px;
text-align: center;
}
.copyright-info {
font-size: 13px;
margin-bottom: 20px;
}
.footer-menu-container,
.copyright-info,
.footer-menu-container:after,
#footer-menu {
display: inline-block;
}
.footer-socials a:last-child {
margin: 0;
}
#footer-menu > li {
display: inline-block;
margin-left: 5px;
}
.footer-menu-container {
font-size: 13px;
}
.footer-menu-container:after {
content: '|';
display: block;
float: left;
margin-left: 1px;
margin-top: -1px;
}
.scrolltop {
display: block;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
cursor: pointer;
}
.scrolltop .icon-angle-up {
position: relative;
display: block;
bottom: -3px;
margin: 0 auto;
font-size: 20px;
}
/*--------------------------------------------------------------
15.0 Typography
--------------------------------------------------------------*/
/* Top Menu */
#top-menu li a {
font-size: 12px;
line-height: 50px;
letter-spacing: 1px;
font-weight: 600;
}
.top-bar-socials a {
font-size: 13px;
line-height: 50px;
}
#top-menu .sub-menu > li > a {
font-size: 11px;
line-height: 40px;
letter-spacing: 0.8px;
}
#top-bar .mobile-menu-btn {
float: left;
line-height: 50px;
padding: 0 5px 0;
}
/* Menu Fonts */
#main-menu li a {
font-family: 'Open Sans';
font-size: 14px;
line-height: 60px;
letter-spacing: 1px;
font-weight: 600;
}
#main-menu .sub-menu > li > a {
font-size: 13px;
line-height: 26px;
letter-spacing: 1px;
}
#mobile-menu li {
font-family: 'Open Sans';
font-size: 15px;
line-height: 50px;
letter-spacing: 1px;
font-weight: 600;
}
#mobile-menu .sub-menu > li {
font-size: 13px;
line-height: 40px;
letter-spacing: 0.5px;
}
.main-nav-search,
#main-nav #s {
font-size: 14px;
line-height: 60px;
}
/* Headings Fonts */
.bard-widget > ul li span,
.bard-widget > ul li span a,
#wp-calendar thead th,
#wp-calendar caption,
h1,
h2,
h3,
h4,
h5,
h6,
.blog-pagination {
font-family: 'Montserrat';
font-weight: 600;
}
.category-description h3,
.author-description h3,
.related-posts h3,
#reply-title,
#reply-title a,
.comment-title h2,
.comment-title {
font-family: 'Montserrat';
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: center;
line-height: 1;
}
#reply-title,
#respond,
.related-posts,
.comments-area {
margin-top: 43px;
}
#respond + li {
margin-top: 37px;
}
/* Body Text */
body {
font-family: 'Open Sans';
font-size: 15px;
letter-spacing: 0px;
line-height: 25px;
}
.woocommerce div.product .product_title {
font-size: 22px;
line-height: 34px;
letter-spacing: 0.5px;
font-weight: 600;
text-transform: uppercase;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 15px;
letter-spacing: 1px;
line-height: 31px;
font-weight: 600;
text-transform: uppercase;
}
.upsells.products > h2,
.crosssells.products > h2,
.related.products > h2 {
font-size: 14px;
letter-spacing: 0.5px;
}
.woocommerce div.product .woocommerce-tabs .panel > h2,
.woocommerce #reviews #comments h2,
.woocommerce .cart-collaterals .cross-sells > h2,
.woocommerce-page .cart-collaterals .cross-sells > h2,
.woocommerce .cart-collaterals .cart_totals > h2,
.woocommerce-page .cart-collaterals .cart_totals > h2,
.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3,
#order_review_heading,
#customer_login h2,
.woocommerce-Address-title h3,
.woocommerce-order-details__title,
.woocommerce-customer-details h2,
.woocommerce-columns--addresses h3 {
letter-spacing: 0.5px;
}
.woocommerce div.product .woocommerce-tabs .panel > h2,
.woocommerce #reviews #comments h2,
.woocommerce .cart-collaterals .cross-sells > h2,
.woocommerce-page .cart-collaterals .cross-sells > h2,
.woocommerce .cart-collaterals .cart_totals > h2,
.woocommerce-page .cart-collaterals .cart_totals > h2,
.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3,
#order_review_heading,
#customer_login h2,
.woocommerce-Address-title h3,
.woocommerce-order-details__title,
.woocommerce-customer-details h2,
.woocommerce-columns--addresses h3 {
font-size: 14px;
}
/* Font Size 11px */
.woocommerce .page-content ul.products li.product .button,
.page-content .woocommerce ul.products li.product .button,
.woocommerce-Reviews .woocommerce-review__published-date {
font-size: 11px;
}
.woocommerce-Reviews .woocommerce-review__author {
font-size: 15px;
}
/* letter-spacing 2+ */
.woocommerce .page-content ul.products li.product .button,
.page-content .woocommerce ul.products li.product .button {
font-family: 'Montserrat';
letter-spacing: 1.4px;
}
/* Font Size 13px */
.woocommerce-result-count,
.woocommerce ul.products li.product .price,
.woocommerce .product_meta,
.woocommerce .product_list_widget .quantity,
.woocommerce .widget_products .amount,
.woocommerce .widget_price_filter .price_slider_amount,
.woocommerce .widget_recently_viewed_products .amount,
.woocommerce .widget_top_rated_products .amount,
.woocommerce .widget_recent_reviews .reviewer,
.woocommerce-Reviews .woocommerce-review__author {
font-size: 13px;
}
.page-content .woocommerce input.button,
.page-content .woocommerce a.button,
.page-content .woocommerce a.button.alt,
.page-content .woocommerce button.button.alt,
.page-content .woocommerce input.button.alt,
.page-content .woocommerce #respond input#submit.alt,
.woocommerce .page-content .widget_price_filter .button,
.woocommerce .page-content .woocommerce-message .button,
.woocommerce .page-content a.button.alt,
.woocommerce .page-content button.button.alt,
.woocommerce .page-content #respond input#submit,
.woocommerce .page-content .woocommerce-message .button,
.woocommerce-page .page-content .woocommerce-message .button,
.woocommerce form .form-row .required,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
font-family: 'Montserrat';
font-size: 11px;
letter-spacing: 1.5px;
}
/*--------------------------------------------------------------
16.0 Pages
--------------------------------------------------------------*/
.search .page .post-date,
.search .page .post-author {
display: none;
}
.page-404 {
padding: 120px 40px;
text-align: center;
}
.page-404 h2 {
position: relative;
text-transform: uppercase;
font-size: 24px;
margin: 0 0 60px;
letter-spacing: 4px;
}
.page-404 h2:before {
content: '404';
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
font-size: 110px;
line-height: 1;
margin-top: -4px;
opacity: 0.15;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-404 p {
letter-spacing: 1px;
}
.page-404 p a {
text-decoration: underline;
}
/*--------------------------------------------------------------
17.0 Preloader
--------------------------------------------------------------*/
.bard-preloader-wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000;
}
.bard-preloader-wrap > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
/*--------------------------------------------------------------
18.0 Gutenberg Styles
--------------------------------------------------------------*/
.wp-block-separator.is-style-default {
width: 120px;
margin: 0 auto;
}
.v9_contents{
color: #333;
font-weight: bold;
font-size:17px;
margin:0 auto;
border-top: dashed #191970 3px;
border-bottom: dashed #191970 3px;
width:100%;
max-width:640px;
}
.v9_contents span{
display:block;
text-align:center;
color: #333;
font-size: 25px;
padding: 8px;
}
.v9_contents a{
text-decoration: none;
color: #333;
}
.v9_contents li{
list-style: none;
padding-bottom: 5px;
}
.box28 {
position: relative;
display:inline-block;
margin: 0 0 2em;
padding: 1.5em 0 0;
border: solid 2px #FFC107;
}
.box28 .box-title {
position: absolute;
display: inline-block;
top: -2px;
left: -2px;
padding: 0 9px;
height: 25px;
line-height: 25px;
font-size: 17px;
background: #FFC107;
color: #ffffff;
font-weight: bold;
}
.box28 p {
margin: 0;
padding: 0 1em 1em;
}
.box29 {
margin: 2em 0;
background: #dcefff;
}
.box29 .box-title {
font-size: 1.2em;
background: #5fb3f5;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.box29 p {
padding: 15px 20px;
margin: 0;
}
.box26 {
position: relative;
margin: 2em 0;
padding: 1em 0 0;
border: solid 3px #95ccff;
border-radius: 8px;
}
.box26 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 18px;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.box26 p {
margin: 0;
padding: 0 1em 1em;
}
/*--------------------------------
モーダルウィンドウ
---------------------------------*/
.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
line-height: 1.3;
display: none9;
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.modal-window {
display: block9;
}
.modal-window:target {
display: block9;
}
.modal-window .modal-inner {
position: absolute;
top: 100px;
left: 5%;
z-index: 20;
padding:5%;
margin:0 auto;
width: 80%;
overflow-x: hidden;
border-radius: 6px;
background: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: #333;
-moz-opacity: 0.7;
opacity: 0.7;
}
.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
top: 70px;
right:15%;
z-index: 20;
margin:0 auto;
background: #fff;
border-radius: 2px;
padding: 10px 10px;
text-decoration: none;
text-indent: 0;
}
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
/*--------------------------------
スマホのフッターメニュー
---------------------------------*/
ul.footer_menu {
margin: 0 auto;
padding: 12px 0;
width: 100%;
overflow: hidden;
display: table;
table-layout: fixed;
text-align: center;
width: 100%;
}
ul.footer_menu li {
margin: 0;
padding: 0;
display: table-cell;
vertical-align:middle;
list-style-type: none;
font-size: 13px;
line-height: 15px;
}
ul.footer_menu li a i{
font-size: 24px;
}
ul.footer_menu li a {
border: none;
display: block;
color: #fff;
text-align: center;
text-decoration: none;
}
.footer_menu {
position: fixed;
bottom: 0;
left:0;
background: #000;
z-index: 9999999999;
-moz-opacity: 0.9;
opacity: 0.9;
}
/*--------------------------------
SNSの部分
---------------------------------*/
.modal-window .modal-inner.sns{
margin:0 auto;
text-align:center;
}
.modal-inner ul {
list-style:none;
}
.modal-inner li {
list-style:none;
float:left;
width:25%;
margin:3%;
}
.modal-inner li a {
font-size:150%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius:6px;
text-align:center;
text-decoration: none;
}
.modal-inner li a:hover {
box-shadow:none;
}
.share li a {display : block;
padding : 10px 5px;
color : #fff;
font-size : 14px;
text-decoration : none;
text-align : center;}
.share li a:hover {opacity :0.8;
color : #fff;}
.share li a:visited{ color: #fff;}
.tweet a{background-color : #55acee;}
.facebook a{background-color : #315096;}
.googleplus a{background-color : #dd4b39;}
.hatena a{background-color : #008fde;}
.line a{background-color: #00c300;}
.pocket a{background-color :#f03e51;}
.rss a {background-color: #ff8c00;}
.feedly a {background-color: #6cc655;}
.share-sm {margin:0;}
.share-sm ul:after {content : "";
display : block;
clear : both;}
/*--------------------------------
メニューの部分
---------------------------------*/
.mod li{
float:none;
display:block;
width:100%;}
.mod li a {
text-align: left; /* メニューを左寄せ */
font-weight: bold; /* メニューを太字に */
background: #000; /* メニューの背景色 */
margin: 2%;
font-size: 14px; /* メニュー文字サイズ */
}
/*--------------------------------
スマホフッターフロートメニューアイコン
---------------------------------*/
@charset "UTF-8";
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?71374117');
src: url('../font/fontello.eot?71374117#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?71374117') format('woff2'),
url('../font/fontello.woff?71374117') format('woff'),
url('../font/fontello.ttf?71374117') format('truetype'),
url('../font/fontello.svg?71374117#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?71374117#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-th-list:before { content: '\2261'; } /* '≡' */
.icon-star-empty:before { content: '\2606'; } /* '★' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-heart:before { content: '\2764'; } /* '♡' */
.icon-search:before { content: '♬'; } /* '\1f50d' */
.btn-social-icon-twitter {
text-decoration: none;
display: inline-block;
text-align: center;
color: #1da1f3;
font-size: 25px;
text-decoration: none;
}
.btn-social-icon-twitter:hover {
color:#88daff;
transition: .5s;
}
.btn-social-icon-twitter__square {
border-radius: 10px;
position: relative;
display: inline-block;
width: 50px;
height: 50px;
font-size: 35px;
line-height: 50px;
color: #FFF;
background: #1da1f3;
}
.btn-social-icon-twitter__square i {
line-height: 50px;
}
.floating-banner {
width: calc(100% / 3);
/* 画面の1/3の幅 */
position: fixed;
/* 固定表示 */
bottom: 16px;
/* 画面下から16px */
right: 100px;
/* 画面の右から16px */
z-index: 9000;
/* 常に前面に出す */
transition: 0.3s;
/* ホバー時ゆっくり透過 */
cursor: pointer;
/* ホバー時カーソルがポインターに */
}
.floating-banner:hover {
opacity: 0.8;
/* ホバーで透過させる */
}
.floating-banner_img {
width: 100%;
/* 画像をfloating-bannerの幅に合わせる */
}
@media screen and (min-width: 481px) {
/* 画面幅481px以上 */
.floating-banner {
width: calc(100% / 6);
/* 画面の1/6の幅 */
}
}
}
a:hover {
color: #dc6688;
text-decoration: inherit;
}
/*マウスオーバー*/
.btn {
background-color: #FF69B4;
box-shadow: 0px 12px 24px rgba(20, 146, 175, 0.38);
color: #fff;
display: inline-block;
font-weight: 700;
padding: 1.25rem 4rem;
text-decoration: none;
transition: .3s;
}
.btn:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
transform: translateY(4px);
}
#time_out{
position:absolute;
top:30px;
left:50px;
padding:20px;
border:1px solid #ddd;
background:#eee;
}
#hideMe {
-moz-animation: cssAnimation 0s ease-in 180s forwards;
/* Firefox */
-webkit-animation: cssAnimation 0s ease-in 180s forwards;
/* Safari and Chrome */
-o-animation: cssAnimation 0s ease-in 180s forwards;
/* Opera */
animation: cssAnimation 0s ease-in 180s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
overflow:hidden;
}
}
@-webkit-keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
}
/*画像ぼかし*/
/*
*/
.img_wrap{
border: 1px solid #ddd;
width: 100%; /*300px;*/
height: 100%;/*226px;*/
margin: 0 auto;
overflow: hidden;
}
.img_wrap img{
width: 100%;
transform: scale(1.1);
cursor: pointer;
filter: blur(5px);
transition-duration: 0.5s;
}
.img_wrap img:hover{
filter: blur(0);
transition-duration: 0.5s;
}
/*白黒からカラーに*/
.img_wrap2{
border: 1px solid #ddd;
width: 100%;
height: 100%;
margin: 0 auto;
overflow: hidden;
}
.img_wrap2 img{
width: 100%;
transform: scale(1.1);
cursor: pointer;
filter: grayscale(100%);
transition-duration: 0.5s;
}
.img_wrap2 img:hover{
filter: grayscale(0);
transition-duration: 0.5s;
}
/*ホバーで画像切り替え*/
/*body {
text-align: center;
}*/
/* 画像の親要素のスタイル */
.box9 {
cursor: pointer;
height: 200px;
margin-inline: auto;
margin-top: 20px;
position: relative;
width: 200px;
}
/* 画像のスタイル */
.box9 img {
height: auto;
left: 0;
position: absolute;
width: 100%;
}
/* 2枚目の画像は最初透明 */
.box9 img:last-of-type {
opacity: 0;
transition: opacity .7s;
}
/* hoverすると2枚目の画像が透明じゃなくなる */
.box9:hover img {
opacity: 1;
}
/* テキストのスタイル */
/*.title {
display: inline-block;
font-size: 20px;
font-weight: 700;
margin-top: 30px;
position: relative;
}*/
/* MARQUEE テロップ風 */
.marqueeRightLeft {
max-width: 300px;
padding: 0.5em 0;
margin: 0 auto;
position: relative;
overflow: hidden;
text-align: left;
border-top: 1px solid #6c5441;
border-bottom: 1px solid #6c5441;
color:#6c5441;
font-weight: bold;
}
.marqueeRightLeft p:after {
content: "";
white-space: nowrap;
}
.marqueeRightLeft p {
margin: 0;
padding-left: 100%;
display: inline-block;
white-space: nowrap;
-webkit-animation-name:marqueeRL;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:12s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marqueeRL;
-moz-animation-timing-function:linear;
-moz-animation-duration:12s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marqueeRL;
-ms-animation-timing-function:linear;
-ms-animation-duration:12s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marqueeRL;
-o-animation-timing-function:linear;
-o-animation-duration:12s;
-o-animation-iteration-count:infinite;
animation-name:marqueeRL;
animation-timing-function:linear;
animation-duration:12s;
animation-iteration-count:infinite;
}
@-webkit-keyframes marqueeRL {
from {-webkit-transform:translate(0);} to {-webkit-transform:translate(-100%);}
}
@-moz-keyframes marqueeRL {
from {-moz-transform:translate(0);} to {-moz-transform:translate(-100%);}
}
@-ms-keyframes marqueeRL {
from {-ms-transform:translate(0);} to {-ms-transform:translate(-100%);}
}
@-o-keyframes marqueeRL {
from {-o-transform:translate(0);} to {-o-transform:translate(-100%);}
}
@keyframes marqueeRL {
from {transform:translate(0);} to {transform:translate(-100%);}
}
/*フッターフローティングメニュー 2023/05/24*/
#footerFloatingMenu {
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom: 2px;
z-index: 8888;
text-align: center;
padding: 0 auto;
}
#footerFloatingMenu img {
max-width: 99%;
}
/*画像切り替え*/
/*h1 {
font-size: 16px;
}*/
.container01 {
position: relative;
width: 728px;
height: 90px;
}
.image01 {
position: absolute;
width: 100%;
opacity: 0;
animation: change-img-anim 30s infinite;
}
.image01:nth-of-type(1) {
animation: change-img-anim-first 30s infinite;
animation-delay: 0s;
}
.image01:nth-of-type(2) {
animation-delay: 10s;
}
.image01:nth-of-type(3) {
animation-delay: 20s;
}
@keyframes change-img-anim-first {
0%{ opacity: １;}
30%{ opacity: 1;}
36%{ opacity: 1;}
45%{ opacity: 0;}
100%{ opacity: 0;}
}
@keyframes change-img-anim {
0%{ opacity: 0;}
30%{ opacity: 1;}
36%{ opacity: 1;}
45%{ opacity: 0;}
100%{ opacity: 0;}
}
/**/
.imobile_nativead2 {
width: 44%;
height: 330px;/*250 */
float: left;
box-sizing: border-box;
border:1px solid #ccc;
background-color: #FFF; /*背景色*/
padding-bottom: 8px;
white-space: normal;
}
.imobile_link2 {
text-decoration: none;
}
.imobile_image_area2 {
margin: 0 auto;
display: table;
}
.imobile_image2 {
position: relative;
display: table-cell;
width: 330px; /* 144*/
height: 330px; /* 144*/
margin: 0 auto !important;
vertical-align: middle;
text-align: center;
}
.imobile_image2 img {
width: 100%;
height: auto;
vertical-align: middle;
}
.imobile_pr2 {
position: absolute;
top: 0;
right: 0;
background-color: #EF7089;
font-size: 11px;
line-height: 1.6;
padding: 0 4px 0 4px;
}
.imobile_pr2 span {
color: #FFF;
}
.imobile_text_area2 {
height: 72px;/*54*/
}
.imobile_text2 {
font-size: 12px; /* 14*/
padding: 0 15px;
color: #000; /*テキスト色*/
line-height: 1.2;
}
.imobile_button2 {
height: 30px;
background: #EF7089; /*ボタン背景色*/
color: #FFF; /*ボタンテキスト色*/
text-align: center;
font-size: 14px;
line-height:28px;/*28*/
margin-top: 5px;
border: solid 1px #fff;
border-radius: 5px;
width: 95%;/* 90%*/
margin: 0 auto;
}
/* HOver Right */
.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述します */
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
top: 20px; /* 上から150pxのところにバナーを配置します */
right: 2px; /* 右から40pxのところにバナーを配置します */
background-color: #ffffff;
opacity: .0;
}
/*
.fixed_banner.js_close {
display: none;
}
*/
.fixed_banner_pc {
width: 80px; /* バナーの横幅を指定してあげます */
}
.floating-banner:hover {
opacity: .8; /* マウスが重なった時に少し透過させます */
}
.fixed_banner_sp {
display: none; /* PCではスマホ用のバナーは非表示にします */
}
/*
.fixed_banner_close {
width: 15px;
height: 15px;
position: absolute;
right: 0;
top: -15px;
cursor: pointer;
}
.fixed_banner_close span:nth-of-type(1) {
position: absolute;
top: 7px;
right: 0;
width: 15px;
height: 1px;
background-color: #000;
transform: rotate(45deg);
}
.fixed_banner_close span:nth-of-type(2) {
position: absolute;
top: 0;
right: 7px;
width: 1px;
height: 15px;
background-color: #000;
transform: rotate(45deg);
}
*/
@media screen and (max-width: 480px) { /* メディアクエリを使ってスマホ用のブレイクポイントを指定 */
/*.fixed_banner_pc {
display: none; /* PC用のバナーを非表示にします */
/*}
*/
.fixed_banner{
display: none; /* バナーを非表示にします */
}
/*.fixed_banner_sp {
/*display: inline-block; /* 消していたスマホ用のバナーを表示させます */
/*width: 13vw; /* スマホの画面幅いっぱいにバナーを表示させます */
/*}*/
}
/*
[data-scrolled="true"] #fixed_banner_sp{
display:none;
}
/*蛍光マーカー(アンダーライン)*/
.pink_line {
background: linear-gradient(transparent 60%, #ff80bf 0%);
}
.orange_line {
background: linear-gradient(transparent 60%, #e9967a 0%);
}
.yellow_line {
background: linear-gradient(transparent 60%, #ffff99 0%);
}
.green_line {
background: linear-gradient(transparent 60%, #7dddc0 0%);
}
.blue_line {
background: linear-gradient(transparent 60%, #87cefa 0%);
}
.purple_line {
background: linear-gradient(transparent 60%, #9f84db 0%);
}
/* 画像に枠線を付ける */
img.waku{
border: solid 0.3px #808080; /* 枠線のスタイル 太さ 色 */
box-shadow: 0px 0px 5px #808080; /* 影の水平方向の距離 垂直方向の距離 ぼかしの距離 色 */
}
/* POINT 水色*/
.box027 {
position: relative;
display: inline-block;
margin: 2em 0;
padding: 1em 0 0;
border: solid 3px #62c1ce;
}
.box027 .box-title {
position: absolute;
display: inline-block;
top: -27px;
left: -3px;
padding: 0 9px;
height: 25px;
line-height: 25px;
font-size: 17px;
background: #62c1ce;
color: #ffffff;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.box027 p {
margin: 0;
padding: 0 1em 1em;
}
.box025 {
position: relative;
display: inline-block;
margin: 0 0 2em;
padding: 1em 0 0;
background: #fff0cd;
box-shadow: 0px 0px 0px 5px #fff0cd;
border: dashed 2px white;
}
.box025:after{
position: absolute;
content: '';
right: -7px;
top: -7px;
border-width: 0 15px 15px 0;
border-style: solid;
border-color: #ffdb88 #fff #ffdb88;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box025 p {
margin: 0;
padding: 0 1em 1em;
color: #454545;
}
.box024 {
position: relative;
display: inline-block;
margin: 0 0 2em;
padding: 1em 0 0;
background: #e6f4ff;
}
.box024:after{
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e6f4ff;
width: 0;
height: 0;
}
.box024 p {
margin: 0;
padding: 0 1em 1em;
color: #5c98d4;
font-weight: bold;
}
.box029 {
display: inline-block;
margin: 2em 0;
background: #dcefff;
}
.box029 .box-title {
font-size: 1.2em;
background: #5fb3f5;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.box029 p {
padding: 15px 20px;
margin: 0;
}
.box001 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.box001 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.box001 p {
margin: 0;
padding: 0;
}
/****** 文字を点滅せさるアニメーション *******/
.blinktext{
-webkit-animation:blink 1.2s ease-in-out infinite alternate;
-moz-animation:blink 1.2s ease-in-out infinite alternate;
animation:blink 1.2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
/* ヘッダー画像の上にアイテムを表示 */
.headButton {
position: absolute;
left: 0;
right: 0;
bottom: 30%;
z-index: 99999;
}
/* ヘッダー画像に乗せる画像のサイズ調整 */
#topMainBnr .headButton img {
width: auto !important;
height: auto;
}
/* タイトル付 枠 1 */
.kakomi-box11 {
position: relative;
margin: 2em auto;
padding: 1.2em;
color: #555555; /* 文章色 */
background-color: #fff; /* 背景色 */
border: 1px solid #555555; /* 枠線の太さ・色 */
width: 90%;
}
.title-box11 {
position: absolute;
padding: 0 .5em;
left: 20px;
top: -15px;
font-weight: bold;
background-color: #fff; /* タイトル背景色 */
color: #555555; /* タイトル文字色 */
}
/* タイトル付 枠（影）3 */
.kakomi-box14 {
position: relative;
margin: 2em auto;
padding: 1.2em;
width: 90%;
color: #555555; /* 文字色 */
background-color: #fff;
border: 4px double #CC0033; /* 枠線の太さ・色 */
box-shadow: 2px 2px 2px #ccc;/* 影の色 */
}
.title-box14 {
position: absolute;
padding: 0 .5em;
left: 20px;
top: -15px;
font-weight: bold;
background-color: #fff; /* タイトル背景色 */
color: #CC0033; /* タイトル文字色 */
}
/* 黒板風 タイトル 2 */
.kokuban-t2 {
position: relative;
margin: 2em auto;
padding: 3.2em 1em 1em;
width: 90%; /* ボックス幅 */
background-color: #006633; /* ボックス背景色 */
color: #fff; /* 文章色 */
border: 8px solid #b2771f; /* 枠線 */
border-radius: 3px; /* 角の丸み */
box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
}
.kokuban-t2::before,
.kokuban-t2::after {
position: absolute;
content: '';
bottom: 0;
}
.kokuban-t2::before {
right: 10px;
border: solid 3px #fff; /*チョーク（白）*/
width: 20px;
border-radius: 3px 2px 0 2px;
}
.kokuban-t2::after {
right: 40px;
border: solid 3px #ffff6b; /*チョーク（黄色）*/
width: 15px;
border-radius: 8px 5px 2px 5px;
}
.title-t2 {
position: absolute;
left: 1em;
top: .5em;
font-weight: bold;
font-size: 1.1em;
color: #ffff6b; /* タイトル色 */
}
/* ホワイトボード風 タイトル 2*/
.wboard-w2 {
position: relative;
margin: 2em auto;
padding: 3.2em 1em 1em;
width: 90%; /* ボックス幅 */
background-color: #fff; /* ボックス背景色 */
color: #000000; /* 文章色 */
border: 5px solid #c6c6c6; /* 枠線 */
box-shadow: 0 0 8px #333, 0 0 2px #555 inset;
}
.wboard-w2::before,
.wboard-w2::after {
position: absolute;
content: '';
bottom: 4px;
width: 25px;
border-radius: 2px;
box-shadow: 1px 1px 3px #666;
}
.wboard-w2::before {
right: 60px;
border: solid 3px #333; /*飾りペン黒 */
transform: rotate(2deg); /*飾りペン角度 */
}
.wboard-w2::after {
right: 22px;
border: solid 3px #ff0000; /*飾りペン赤 */
transform: rotate(9deg); /*飾りペン角度 */
}
.title-w2 {
position: absolute;
top: .6em;
left: 1em;
font-weight: bold; /* 太文字 */
font-size: 1.1em;
color: #ff0000; /* タイトル文字色 */
}
/* メモ クリップ Ｂ */
.clip-box-b {
position: relative;
margin: 2em auto;
padding: 15px 35px 15px 25px;
width: 90%; /* ボックス幅 */
background-color: #FFE4E1; /* ボックス背景色 */
color: #666666; /* 文章色 */
box-shadow: 4px 4px 1px #FFB6C1; /* 影の色 */
}
.clip-box-b::before {
position: absolute;
content: '';
top: -15px;
right: 10px;
height: 55px;
width: 15px;
border: 3px solid #C0C0C0; /*クリップ色 */
background-color: none;
border-radius: 12px;
box-shadow: 1px 1px 2px #ccc; /*クリップ影*/
transform: rotate(10deg);
z-index: 1;
}
.clip-box-b::after {
position: absolute;
content: '';
top: 0px;
width: 10px;
right: 20px;
border: solid 5px #FFE4E1; /*背景色と同じ色に！*/
z-index: 2;
}
/*
*/
}
/* 点滅 */
a {
font-weight: 600;
color: #fff;
background: #5876a3;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
box-shadow: 0 4px 0 #3f5c88;
}
.blink {
position: relative;
overflow: hidden;
}
.blink::before {
content: "";
width: 20px;
height: 100%;
background: rgba(255,255,255,.8);
position: absolute;
top: -100px;
left: 0;
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: blink 2s ease-in-out infinite;
animation: blink 2s ease-in-out infinite;
}
@-webkit-keyframes blink {
0% {
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
opacity: .5;
}
81% {
-webkit-transform: scale(4) rotate(45deg);
transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
-webkit-transform: scale(50) rotate(45deg);
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
@keyframes blink {
0% {
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
opacity: .5;
}
81% {
-webkit-transform: scale(4) rotate(45deg);
transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
-webkit-transform: scale(50) rotate(45deg);
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
}
/* reCAPTCHAバッジを非表示にする */
.grecaptcha-badge {
visibility: hidden;
}
@font-face {
font-family: 'MyFont';
src: url('myfont.woff2') format('woff2');
font-display: swap;
}