@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.collapseomatic, .colomat_trigger, .collapseall, .expandall, .setall {
cursor: pointer;
}
.colomat-swap {
display: none;
}
.maptastic {
position: absolute !important;
left: -10000px !important;
display:block !important;
max-width: 9999px;
}
.com_edit_link {
margin: 0;
padding: 0;
font-size: 1.2rem;
width: 100%;
text-align: right;
}.collapseomatic {
background-image: url(//www.tombaumwrites.com/wp-content/plugins/jquery-collapse-o-matic/css/images/arrow-down.png);
background-repeat: no-repeat;
padding: 0 0 10px 16px;
}
.collapseomatic:focus {
outline: 0;
}
.arrowright {
background-position: right top;
padding: 0 16px 10px 0;
}
.noarrow {
background-image: none !important;
padding: 0 0 10px 0;
}
.colomat-hover {
text-decoration: underline;
}
.colomat-close {
background-image: url(//www.tombaumwrites.com/wp-content/plugins/jquery-collapse-o-matic/css/images/arrow-up.png);
}
.collapseomatic_excerpt, .collapseomatic_content {
margin-top: 0px;
margin-left: 16px;
padding: 0px;
}
.content_collapse_wrapper {
position: absolute; left: -999em;
}
.collapseall:hover, .expandall:hover, .collapseall:focus, .expandall:focus {
text-decoration: underline;
}
.span_fix {
padding: 0 !important;
margin: 0 !important;
}
.span_fix:before, .span_fix:after {
content: none;
}.mbm-book-grid-description, .mbm-book-grid-bottom-description {
margin-bottom: 2em;
padding-top: 2em;
clear:both;
}
.mbm-ribbon-holder {
overflow: hidden;
position: relative
}
.mbm-ribbon {
position: absolute;
color: black;
transform: rotate(-45deg);
text-align: center;
top: 30px;
left: -30px;
width: 145px;
box-shadow: 2px 2px 10px black;
font-weight: bold;
font-size: smaller;
}
a.mbm-widget-link .mbm-ribbon {
padding: 2%;
}
.mbdb_book_info_popup {
position: absolute;
display: none;
background-color: white;
z-index:100;
border:solid 1px rgba(0,0,0, 0.25);;
padding: 1.5em;
-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.mbdb_grid_image {
position: relative;
}
.mbm-archive  {
}
.mbm-archive-cover {
padding: 0px 3%;
width: 34%;
float:left;
}
.mbm-archive-image {
width: 200px;
}
.mbm-archive-summary, .mbm-archive-link { display: inline;
}
#mbm-book-page .mbm-book-cover img {
width: 100%;
} #mbm-book-page #mbm-first-column  {
width: 34%;  float: left; clear: left;
}
#mbm-book-page .mbm-book-summary h1, #mbm-book-page .mbm-book-summary h2, #mbm-book-page .mbm-book-summary h3, #mbm-book-page .mbm-book-summary h4, #mbm-book-page .mbm-book-summary h5, #mbm-book-page .mbm-book-summary h6 {
display: inline;
} #mbm-book-page #mbm-second-column {  float: left;
margin-left: 6%;
width: 60%;
}
#mbm-book-page #mbm-third-column {
clear: both;
}
#mbm-book-page .mbm-book-buy-links-list, #mbm-book-page .mbm-book-download-links-list {
margin-left: 0;
}
#mbm-book-page .mbm-book-cover, #mbm-book-page .mbm-book-goodreads-image, #mbm-book-page .mbm-book-reedsy-image, #mbm-book-page .mbm-book-google-books-image {
display: block;
margin-left: auto;
margin-right: auto
}
#mbm-book-page .mbm-book-buy-links li {
margin:0;
}
#mbm-book-page .mbm-book-details {
font-size: smaller;
border: 1px solid #cccccc; margin: 3% 0px; padding: 2%;
}
#mbm-book-page .mbm-book-details-imprint-label, #mbm-book-page .mbm-book-details-published-label, #mbm-book-page .mbm-book-details-publisher-label, #mbm-book-page .mbm-book-details-editors-label, #mbm-book-page .mbm-book-details-illustrators-label, #mbm-book-page .mbm-book-details-cover-artists-label, #mbm-book-page .mbm-book-details-genres-label, #mbm-book-page .mbm-book-details-tags-label,
#mbm-book-page .mbm-book-details-translators-label, #mbm-book-page .mbm-book-details-narrators-label {
font-weight: bold;
} #mbm-book-page a.mbm-book-cover-artist-website:before, #mbm-book-page a.mbm-book-cover-artist-website:after, #mbm-book-page a.mbm-book-editor-website:before, #mbm-book-page a.mbm-book-editor-website:after, #mbm-book-page a.mbm-book-illustrator-website:before, #mbm-book-page a.mbm-book-illustrator-website:after {
content: initial;
}
#mbm-book-page .mbm-book-serieslist-before, #mbm-book-page .mbm-book-serieslist-link, #mbm-book-page .mbm-book-serieslist-after {
font-weight: bold;
}
#mbm-book-page .mbm-book-serieslist-listitem-text {
font-style: italic;
}
#mbm-book-page  .mbm-book-serieslist-listitem-link .mbm-book-serieslist-listitem-text {
font-style: normal;
}
#mbm-book-page .mbm-book-reviews  {
clear: both;
border-top: 1px solid #cccccc;
margin-bottom: 0;
} #mbm-book-page .mbm-book-editions-size,#mbm-book-page  .mbm-book-editions-srp {
display: inline;
}
.cmb-row {
padding: 0px;
border: 0px;
margin: 0px;
}
#mbm-book-page .mbm-book-reviews-header {
font-weight: bold;
}
#mbm-book-page .mbm-book-reviews-block {
margin-left: 3%;
}
#mbm-book-page .mbm-book-reviews-website:before, #mbm-book-page .mbm-book-reviews-website:after  {
display: inline;
}
#mbm-book-page 	.mbm-book-buy-links-label, #mbm-book-page .mbm-book-download-links-label, #mbm-book-page .mbm-book-editions-label, #mbm-book-page .mbm-book-reviews-label, #mbm-book-page .mbm-book-excerpt-label
{
font-size: 1.2em; font-weight: bold;
display: block;
}
#mbm-book-page .mbm-book-editions-label, #mbm-book-page .mbm-book-reviews-label, #mbm-book-page .mbm-book-excerpt-label {
padding: 15px 0px;
}
#mbm-book-page .mbm-book-editions-subinfo {
display:none;
border: 1px solid #cccccc;
margin-left: 6%; margin-top: 0px;
padding: 3% 0 3% 3% }
#mbm-book-page .mbm-book-editions-toggle:before {
content: '\002B';
}
#mbm-book-page .mbm-book-editions-open:before {
content: '\002D\0020';
}
#mbm-book-page .mbm-book-excerpt-text-hidden {
display: none;
}
#mbm-book-page .mbm-book-excerpt-read-more, #mbm-book-page .mbm-book-excerpt-collapse,#mbm-book-page  .mbm-book-editions-toggle {
cursor: pointer;
border: none;
}
#mbm-book-page .mbm-book-excerpt-read-more,#mbm-book-page  .mbm-book-excerpt-collapse {
text-decoration: underline;
}
#mbm-book-page .mbm-book-editions-srp,#mbm-book-page  .mbm-book-editions-format-name { }
#mbm-book-page .mbm-book-editions-format {
width: 100%;
display: block;
}
#mbm-book-links1 .mbm-book-buy-links-image {
width: 44%;
min-width: 155px;
margin-left: 1%;
margin-bottom: 1%;
}
#mbm-book-page .mbm-download-links-image {
padding: 3%;
}
#mbm-book-page  .mbm-book-serieslist,  #mbm-book-page .mbm-book-goodreads {
padding-top: 15px;
}
#mbm-book-page .mbm-book-editions, #mbm-book-page .mbm-book-goodreads  {
margin-bottom: 15px;
}
#mbm-book-page  .mbm-book-serieslist,#mbm-book-page .mbm-book-editions, #mbm-book-page .mbm-book-goodreads {
border-top: 1px solid #cccccc;
clear: both;
}
#mbm-book-page div#mbm-book-links1 {
clear: both;
}
#mbm-book-page .mbm-book-editions {
padding-bottom: 15px;
}
#mbm-book-page 	 .mbm-book-links ul {
margin-left: 0;
padding-left: 0;
}
#mbm-book-page .mbm-book-buy-links-image,  #mbm-book-page  .mbm-book-download-links-image {
padding:  5px;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
#mbm-book-page  .mbm-book-download-links-image {
height: 52px;
}
#mbm-book-links2  .mbm-book-buy-links-image {
height: 50px;
width: auto;
}
.mbm-book-grid-cell img {
width: 100%;
}
#mbm-book-links1	.mbm-book-buy-links-text { display: block; }
div#mbdb_book_page_back_to_grid_bottom, div#mbdb_book_page_back_to_grid_top {
margin-bottom: 10px;
}
#mbm-book-page .mbdb_back_to_grid_link {
font-size: smaller;
}
#mbm-book-page .mbm-book-reedsy-image {
background: gray;
height: 50px;
width: 50px;
}
#mbm-book-page .mbm-book-google-books-image {
padding: 2px;
}
li.mbm_publisher_list_item, li.mbm_tax_list_item {
margin-left: initial;
}
ul.mbm_publisher_list, ul.mbm_tax_list {
list-style: none;
}
@media (max-width:810px) {
#mbm-book-page #mbm-first-column, #mbm-book-page #mbm-second-column, #mbm-book-page #mbm-third-column {
display: block;
float: none;
width: 100%;
}
#mbm-book-page .mbdb_retailer_button {
max-width: unset;
}
#mbm-book-page #mbm-second-column {
margin-left: 0;
}
#mbm-book-links2 .mbm-book-buy-links-image {
height: 50px;
width: auto;
}
#mbm-book-links2 div {
clear: both;
}
}
@media (max-width:600px) {
#mbm-book-page .mbdb_retailer_button {
max-width: 80%;
}
}.mbm-book-grid-heading1, .mbm-book-grid-heading2, .mbm-book-grid-heading3 {
clear: left;
}
.mbm-book-grid-div {
display: table;
}
.mbdb_float_grid {
float: left; padding: 10px;
margin-bottom:25px; }
.mbdb_grid_image img { display: block;
margin-left: auto;
margin-right: auto; }
.mbdb_grid_no_image {  }
.mbdb_grid_title {
display: block;
text-align: center; }.mbdb_retailer_button:hover {
filter: brightness(110%) saturate(140%);
}
.mbdb_retailer_button {
color: #2271b1;
background: #f6f7f7;
vertical-align: top;
width: 100%;
text-align: center;
padding: 0.5em;
font-weight: bold;
font-size: large;
max-width: 250px;
margin: 0.25em auto;
display: block;
text-decoration: none;
line-height: 2.15384615;
min-height: 30px;
cursor: pointer;
border-width: 1px;
border-style: solid;
border-color: #ccc;
border-radius: 10px;
white-space: nowrap;
box-sizing: border-box;
-webkit-appearance: none;
}
 html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: 'Ubuntu', sans-serif;
color: #161616;
overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Libre Baskerville', serif;
color: #161616;
}
pre {
font-size: 1em;
}
a {
color: var(--first-color);
background-color: transparent;
text-decoration: none;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-size: 1em;
}
small {
font-size: 80%;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
img {
border-style: none;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
outline: 1px dotted;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} progress {
vertical-align: baseline;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } 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-decoration {
-webkit-appearance: none;
} [hidden] {
display: none;
} .custom-header *,
.featured-header-image * {
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
} img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
.entry-content a,
.textwidget a,.comment-content a, .woocommerce-product-details__short-description a,#content-section p a {
text-decoration: underline;
}
#masthead {
margin-bottom: 2em;
}
.page-template-home-template #masthead {
margin-bottom: 0;
}
.main_header {
background: #efefef;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
.post-img img {
height: 500px;
width: 100%;
object-fit: cover;
margin-bottom: 30px
}
header.entry-header {
margin-bottom: 15px;
}
.wp-block-latest-comments a{
box-shadow: none;
}
.sidebar ul li a:before {
content: '\f30b';
font-family: "Font Awesome\ 5 Free";
font-size: 15px;
margin-right: 10px;
font-weight: 900;
} #button {
display: inline-block;
background-color: var(--first-color);
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 10px;
right: 30px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
padding: 15px 12px;
font-weight: bold;
}
#button:hover {
cursor: pointer;
background-color: #000000;
}
#button:active {
background-color: #000000;
}
#button.show {
opacity: 1;
visibility: visible;
} .theme-area-headlines h2 {
font-size: 60px;
font-weight: 900;
}
.not-found-pagetext input.search-submit.btn.btn-primary {
background: var(--first-color);
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.search-from {
display: flex;
justify-content: center;
}
.top-info {
background: var(--second-color);
}
.social-link i {
color: #fff;
font-size: 14px;
margin-right: 15px;
}
a.account-btn {
background: #fff;
color: #000000;
padding: 8px;
display: inline-block;
}
a.account-btn:hover{
color: #fff;
background: var(--first-color);
}
.social-link i:hover, .navbar-brand a:hover, a.cart-customlocation i:hover, .search-box i:hover, .product-home-box h3 a:hover{
color: var(--first-color);
} .navbar-brand {
margin: 0;
font-family: 'Libre Baskerville', serif;
}
.navbar-brand a {
color: #161616;
}
.navbar-brand p {
color: #161616;
font-size: 15px;
margin-bottom: 0;
}
.navbar-brand h1.site-title,
p.site-title{
margin-bottom: 0;
font-size: 35px;
font-weight: bold;
} :root {
--first-color: #fbb703;
--second-color: #1e3237;
} .serach_outer {
position: relative;
display: none;
}
.navigation.pagination{
margin-bottom: 30px !important;
}
.serach_inner {
padding: 10px;
background: var(--second-color);
z-index: 99999;
position: absolute;
right: 0px;
}
.serach_inner [type="submit"] {
padding: 11px;
background: var(--first-color);
border: none;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
}
.serach_inner input.search-field {
padding: 10px;
border: none;
}
.search-box i {
color: #161616;
cursor: pointer;
}
.search-box,.cart_box {
margin: 30px 0;
text-align: center;
}
a.cart-customlocation i {
color: #161616;
font-size: 20px;
}
span.cart-value {
background: var(--first-color);
color: #fff;
border-radius: 50%;
padding: 5px 5px;
font-size: 11px;
font-weight: bold;
}
.page-content input.search-submit.btn.btn-primary {
background: var(--first-color);
border-color: var(--first-color);
} #top-slider{
background: var(--second-color);
}
.slider-box img{
opacity: 0.5;
width: 100%;
height: 600px;
object-fit: cover;
}
.slider-inner-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 50%;
left: 10%;
text-align: center;
}
.slider-inner-box h2 {
color: var(--first-color);
font-size: 30px;
text-transform: uppercase;
margin-bottom: 25px;
font-weight: bold;
}
.slider-inner-box p{
color: #fff;
}
.slide-btn a {
background: var(--first-color);
color: #fff;
padding: 10px 15px;
font-weight: bold;
font-size: 14px;
border-radius: 5px;
}
.slide-btn a:hover {
background: var(--first-color);
} .stick_header{
position:fixed;
width: 100%;
z-index: 999;
top: 0;
}
.admin-bar .main_header.stick_header {
margin-top: 32px;
background: #fff;
} .dot {
height: 20px;
width: 20px;
border-radius: 50%;
display: inline-block;
margin: 6px;
animation: loading 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.loading {
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: fixed;
z-index: 99999;
}
@keyframes loading {
0%,
100% {
transform: translatey(-2.5rem);
background-color: #fff;
}
50% {
transform: translatey(2.5rem);
background-color: #ff5722;
}
} .loading2 {
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: fixed;
z-index: 99999;
}
.load {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); width: 100px;
height: 100px;
}
.load hr {
border: 0;
margin: 0;
width: 40%;
height: 40%;
position: absolute;
border-radius: 50%;
animation: spin 2s ease infinite;
background: var(--first-color);
opacity: 1;
}
.load :first-child {
animation-delay: -1.5s;
}
.load :nth-child(2) {
animation-delay: -1s;
}
.load :nth-child(3) {
animation-delay: -0.5s;
}
@keyframes spin {
0%,
100% {
transform: translate(0);
}
25% {
transform: translate(160%);
}
50% {
transform: translate(160%, 160%);
}
75% {
transform: translate(0, 160%);
}
} #homepage-product {
padding: 3em 0;
}
.product-home-box h3 {
font-size: 30px;
}
.product-home-box h3 a {
color: #161616;
text-transform: uppercase;
}
.product-home-box .star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star;
color: var(--first-color);
}
.product-image {
position: relative;
}
.product-home-box .star-rating::before {
content: "\73\73\73\73\73";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute;
}
.product-home-box .star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.product-home-box .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.product-home-box .star-rating {
display: inline-block;
}
h6.review-box {
font-size: 20px;
font-weight: bold;
margin-left: 10px;
display: inline-block;
}
.counter_box1,.counter_box2,.counter_box3,.counter_box4 {
text-align: center;
border-radius: 8px;
padding: 25px 10px;
margin-bottom: 25px;
}
.counter_box1 h4, .counter_box2 h4, .counter_box3 h4, .counter_box4 h4 {
color: #fff;
font-size: 35px;
font-weight: bold;
border-bottom: solid 1px rgb(255,255,255,0.6);
font-family: 'Ubuntu', sans-serif;
}
.counter_box1 h5, .counter_box2 h5, .counter_box3 h5, .counter_box4 h5 {
color: #fff;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;
}
.counter_box1 {
background: #fccc4f;
}
.counter_box2 {
background: #f7a97f;
}
.counter_box3 {
background: #6cbfe5;
}
.counter_box4 {
background: #acd9ac;
}
.pro-button a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
border-radius: 5px;
} .article-box {
background: #fbb7030d;
padding: 15px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0 0 10px 4px #eee;
}
.article-box h3.entry-title {
font-size: 30px;
}
.article-box a:hover{
color: var(--first-color);
}
.sidebar .search-from,.sidebar form.woocommerce-product-search {
padding: 10px;
}
.sidebar input[type="submit"],.sidebar button[type="submit"] {
width: 100%;
background: var(--first-color);
border: none;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
h2.entry-title,
h1.entry-title,
h2.page-title {
font-size: 45px;
} .woocommerce ul.products li span.price {
margin: 0 5px;
}
.woocommerce ul.products li.product a img{
margin: 0;
}
p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--first-color);
font-weight: bold;
font-size: 14px;
}
span.onsale {
position: absolute;
top: 0;
background: var(--first-color);
color: #fff;
padding: 2px 5px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
.pro-button a,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
padding: 12px 15px;
color: #fff;
font-size: 15px;
background: var(--first-color);
}
.pro-button a:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover{
background: var(--first-color);
color: #fff;
}
ins {
text-decoration: none;
}
section.no-results.not-found{
text-align: center;
}
section.no-results.not-found .search-from{
justify-content: center;
}
.woocommerce ul.products li {
text-align: center;
box-shadow: 0 0 5px 2px #efefef;
padding: 5px 5px 10px !important;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
position: absolute;
top: 15px;
color: #161616;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
left: 15px;
right: auto;
background: var(--first-color);
padding: 2px 5px;
border-radius: 0px;
margin: 0px;
min-height: 20px;
line-height: 1.5;
}
.woocommerce ul.products li.product .star-rating,.woocommerce .star-rating {
margin: 0px auto 10px;
color: var(--first-color);
}
.woocommerce .woocommerce-ordering select {
background: var(--first-color);
color: #fff;
padding: 2px;
border: 1px solid #e3e3e3;
}
.woocommerce .entry-summary {
margin: 0;
}
.woocommerce .quantity .qty {
padding: 8px;
border: solid 2px #161616;
}
.woocommerce-message,
.woocommerce-info{
border-top-color: var(--first-color);
}
.woocommerce-message::before,
.woocommerce-info::before{
color: var(--first-color);
}
input[type="text"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea {
border: 1px solid #bcbcbc;
width: 100%;
font-size: 16px;
padding: 10px 10px;
margin: 0 0 23px 0;
height: auto;
}
span.woocommerce-input-wrapper,
.checkout label,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,.woocommerce form .form-row label,span.password-input,header.page-header,nav.navigation.posts-navigation {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: initial;
background: var(--first-color);
padding: 10px;
margin-right: 5px;
font-size: 15px;
font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
color: #fff;
text-decoration: none;
}
h2.woocommerce-loop-product__title {
font-size: 18px !important;
padding: 10px 0 !important;
}
.woocommerce #customer_login .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce #customer_login .col2-set .col-2, .woocommerce-page .col2-set .col-2{
display: table-cell;
max-width: 100%;
float: none;
}
.woocommerce ul.products li.product .button{
margin-top: 0;
}
.woocommerce .col-1, .woocommerce .col-2 {
max-width: 100%;
}
.woocommerce a.added_to_cart {
color: #fff;
background: var(--first-color);
border-radius: 4px;
display: table;
font-weight: 700;
padding: 9px 30px;
margin: 10px auto 0;
} .navigation_header {
margin: 14px 15px;
}
.main-navigation .menu li {
display: inline;
position: relative;
list-style: none;
}
.main-navigation .menu li ul.children{
padding: 0px;
display: inline;
}
#site-navigation .menu ul li a {
padding: 15px;
font-size: 14px;
font-weight: 500;
color: #0f1114;
}
#site-navigation .menu ul li a:hover{
color: var(--first-color);
}
.main-navigation .menu {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .menu > li {
display: inline;
position: relative;
font-size: 12px;
font-weight: 500;
}
.main-navigation .menu > li > a {
color: #161616;
padding: 10px;
text-transform: uppercase;
}
.main-navigation .menu > li > a:hover{
color: var(--first-color);
}
.main-navigation .sub-menu {
background-color: var(--first-color);
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
width: 200px !important;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus {
background: #0f1114;
}
.main-navigation .sub-menu > li {
display: block;
float: none;
position: relative;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + 1rem);
right: 0;
top: calc( .125 * 1rem);
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
line-height: 1.2;
text-shadow: none;
padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
white-space: nowrap;
}
.main-navigation .sub-menu > li > .menu-item-link-return {
width: 100%;
font-size: 22px;
font-weight: normal;
text-align: left;
}
.main-navigation .sub-menu > li > a:empty {
display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
display: none;
font-size: 0.88889em;
font-weight: normal;
}
.main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
}  .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-content.card-block {
padding: 20px;
}
.navigation.post-navigation {
padding-top: 1.875rem;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
border: 1px solid #ddd;
-webkit-border-radius: 0.98rem;
-moz-border-radius: 0.98rem;
border-radius: 0.98rem;
display: inline-block;
padding: 0.313rem 0.875rem;
background: white;
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover {
background: var(--first-color);
color: white;
border: 1px solid var(--first-color);
}
.post-navigation .nav-next a::after,
.posts-navigation .nav-next a::after {
content: " \2192  ";
}
.post-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before {
content: "\2190  ";
}
.navigation.pagination {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
border: 1px solid #ddd;
-webkit-border-radius: 0.98rem;
-moz-border-radius: 0.98rem;
border-radius: 0.98rem;
display: inline-block;
padding: 0.13rem 0.875rem;
background: white;
}
.navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links span.current,
.navigation.pagination .nav-links span:hover {
background: var(--first-color);
color: white;
border: 1px solid var(--first-color);
}
@media screen and (max-width: 560px) {
.navigation.post-navigation .nav-links {
display: flex;
flex-flow: column wrap;
}
.navigation.post-navigation .nav-links .nav-previous,
.navigation.post-navigation .nav-links .nav-next {
margin-bottom: 14px;
width: 100%;
float: none;
text-align: start;
}
.product-home-box h3{
margin-top: 20px;
}
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
a img .alignright {
float: right;
margin: 0.313rem 0 1.25rem 1.25rem;
}
a img .alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img .alignleft {
float: left;
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption .alignleft {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption .alignright {
margin: 0.313rem 0 1.25rem 1.25rem;
} .module-border-wrap {
-moz-border-image: -moz-linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%);
-webkit-border-image: -webkit-linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%);
border-image: linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%) 1;
} .comment-form-url input{
width: 100%;
}
.comment-respond input#submit {
background: var(--first-color);
border: none;
color: #fff;
padding: 10px;
font-weight: 600;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-title {
font-size: 1.125rem;
}
.comment-body .pull-left {
padding-right: 0.625rem;
}
.comment-list {
padding-left: 0;
}
.comment-list .comment {
display: block;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback a {
margin-left: 5px;
margin-right: 5px;
} .sticky .entry-title {
position: relative;
margin-left: 2px;
}
.sticky .entry-title::before {
content: '\f08d';
font-family: "Font Awesome\ 5 Free";
font-size: 1.2rem;
left: -1rem;
top: 0.375rem;
font-weight: 900;
background: var(--first-color);
padding: 10px 15px;
color: #fff;
margin-right: 10px;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.wp-block-button__link{
background: var(--first-color) !important;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
border-radius: 0px;
}
.wp-block-button.is-style-outline a.wp-block-button__link{
background-color: transparent !important;
color: var(--first-color) !important;
margin: 10px 0px; 
}
.wp-block-image .alignright{
float: none;
margin: 0;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
div#respond {
border: 1px solid #bcbcbc;
padding: 15px;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.posted-on,
.byline,
.comments-link {
color: #9a9a9a;
} #colophon {
background:var(--second-color);
color: #fff;
}
#colophon a,#colophon h5 {
color: #fff;
}
#colophon a:hover, #colophon a:focus {
color: var(--first-color);
}
#colophon ul {
list-style: none;
padding-left: 0;
}
#colophon h5 {
font-weight: 700;
font-size: 30px;
margin-bottom: 28px;
}
#colophon a:hover, #colophon a:focus {
color: var(--first-color);
}
#colophon .footer-menu ul {
list-style: none;
display: flex;
padding-left: 0;
margin-bottom: 0;
}
#colophon .footer-menu li {
margin-right: 10px;
}
.site-info {
padding: 15px 0;
}
.footer-menu-left {
text-align: right;
}
.footer-column {
border-bottom: 1px solid #fff;
}
.footer-column{
padding: 30px 0;
}
.widget select{
width: 100%;
padding: 8px 4px;
border-radius: 10px;
}
a.rsswidget {
text-decoration-line: underline;
}
#colophon .tagcloud a {
font-size: 15px !important;
display: block;
}
@media screen and (max-width: 1000px) {
#colophon .footer-menu-left,
#colophon .footer-menu,
#colophon .footer-menu-right {
justify-content: center;
}
#colophon .footer-menu-right {
order: 1;
}
#colophon .footer-menu-left {
order: 2;
}
}
@media screen and (max-width: 767px) {
.footer-column{
text-align: center;
}
.calendar_wrap {
text-align: -webkit-center;
}
} .widget a:hover, .widget a:focus {
color: var(--first-color);
}
.widget ul li.recentcomments {
display: block;
padding: 5px 2px;
}
.widget .gallery-item {
padding: 10px;
}
.widget #wp-calendar caption {
caption-side: top !important;
padding-top: 0;
}
.widget #wp-calendar tbody tr td {
padding: .5rem;
}
.widget #wp-calendar tfoot {
text-align: center;
}
.half-rule {
margin: 2.5rem 0;
width: 6rem;
}
.sidebar section { margin-bottom: 30px;
background: #f5f5f5;
padding: 15px;
}
.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading {
font-size: 20px;
font-weight: bold;
color: #fff;
background: var(--first-color);
padding: 15px 10px;
margin-bottom: 0;
font-family: 'Libre Baskerville', serif;
}
.sidebar section article {
margin-bottom: 0em;
}
.sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading {
margin-bottom: 20px;
}
.sidebar ul {
list-style: none;
padding: 0;
}
.sidebar li {
color: #161616;
line-height: 20px;
padding: 10px;
font-size: 14px;
}
.sidebar ul li a:hover {
color: var(--first-color);
}
.sidebar ul li a {
color: #161616;
}
.sidebar .textwidget img,
.sidebar .form-group {
width: 100%;
height: auto;
}
.sidebar select {
padding: 10px;
border: solid 1px #e3e3e3;
background: transparent;
font-size: 14px;
width: 100%;
color: #161616;
}
.sidebar .tagcloud a {
border: 1px solid #e3e3e3;
color: #161616;
line-height: 20px;
padding: 5px 10px;
font-size: 12px !important;
display: inline-block;
margin-bottom: 5px;
}
.sidebar .tagcloud a:hover{
background: var(--first-color);
color: #fff;
}
.sidebar .tagcloud {
margin-top: 15px;
}
.sidebar input[type="search"]{
padding: 10px;
width: 100%;
border: solid 1px #dcdcdc;
font-size: 15px;
}
.sidebar button[type="submit"] {
padding: 8px;
width: 100%;
color: #fff;
}
.sidebar table#wp-calendar {
border: solid 1px #e3e3e3;
text-align: center;
margin-top: 15px;
width: 100%;
}
.sidebar th,#theme-sidebar td {
border-right: solid 1px #e3e3e3;
padding: 10px 0;
}
.sidebar tr {
border-bottom: solid 1px #e3e3e3;
} .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
.infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.post-thumbnail {
margin-bottom: 1rem;
margin-top: 1rem;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
background-color: #fff;
border: 1px solid #dee2e6;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
height: auto;
max-width: 100%;
padding: 0.25rem;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
ul.comment-list .comment .media-body {overflow: auto;}
.toggle-nav.mobile-menu,
a.closebtn.mobile-menu {
display: none;
}
@media screen and (max-width: 320px){
.woocommerce ul.products li{
width: 100% !important;
}
}
@media screen and (max-width: 720px){
.social-link,.main_header,.footer-menu-left,#homepage-product{
text-align: center;
}
.slider-inner-box {
clip-path:none;
background: transparent;
right: 10%;
left: 10%;
padding: 0;
}
.slider-inner-box h2{
font-size: 20px;
}
.slider-inner-box p{
display: none;
}
.stick_header{
position: static;
}
.admin-bar .main_header.stick_header{
margin-top: 0px;
}
}
@media screen and (max-width: 767px){
.navbar-brand h1.site-title, p.site-title {
font-size: 22px;
}
.navbar-brand{
margin-top: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 999px){
.slider-inner-box {
right: 10%;
left: 10%;
clip-path: none;
background: transparent;
padding: 0;
}
.admin-bar .main_header.stick_header{
margin-top: 46px;
}
}
@media screen and (min-width:1700px) and (max-width:1900px){
.container{
max-width: 1520px;
}
}
@media screen and (min-width:1920px) {
.container{
max-width: 1620px;
}
} span.navbar-control-trigger{
color: #00224D;
}
button.navbar-control.navbar-control-offcanvas{
margin-bottom: 10px;
margin-top: 10px;
border: 0px;
background: transparent;
}
.single-post .header-layout {
border-bottom: 1px solid #efece2;
}
.site-navigation .primary-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 auto;
padding: 0;
justify-content: center;
}
.site-navigation .primary-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 auto;
padding: 0;
}
.theme-menu,
.theme-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.theme-menu a,
.responsive-content-menu a {
color: inherit;
}
.site-navigation .primary-menu .icon {
pointer-events: none;
margin-left: 5px;
}
.site-navigation .primary-menu > li a{
padding: 10px 15px;
display: inline-block;
font-size: 17px;
margin-bottom: 0px;
letter-spacing: 1px;
color: #000000;
font-weight: 400;
}
.header-layout .site-navigation .primary-menu > li:last-child {
margin-right: 0;
}
.site-navigation .primary-menu > li > a,.link-icon-wrapper a {
line-height: 1;
line-height: 22px;
font-size: 14px;
font-weight: 500;
position: relative;
} .site-navigation .primary-menu > li:hover > a::before,
.site-navigation .primary-menu > li:focus > a::before {
width: 100%;
left: 0;
}
.site-navigation .primary-menu > li.active > a::before {
width: 100%;
left: 0;
}
.site-navigation .primary-menu > li:not(.megamenu-has-children),
.site-navigation .primary-menu > li:not(.megamenu-has-children) .dropdown-menu li {
position: relative;
}
.site-navigation .primary-menu a {
display: inline-block;
text-decoration: none;
word-break: normal;
word-wrap: normal;
}
.site-navigation .primary-menu > li ul.sub-menu a {
padding: 15px;
font-size: 14px;
margin-bottom: -2px;
color: #ffffff;
font-weight: 500;
}
.site-navigation .primary-menu > li ul.sub-menu li .link-icon-wrapper i{
display: none;
} .site-navigation ul.primary-menu.theme-menu ul.sub-menu li a:hover, .main-navigation .menu > ul.sub-menu li > a:focus{
border-radius: 0px;
padding: 15px;
}
.site-navigation .primary-menu ul {
background-color: var(--first-color);
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
width: 200px !important;
transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
transform: translateY(0.6rem);
}
.site-navigation .primary-menu li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu li.page_item_has_children:hover > ul,
.site-navigation .primary-menu li.page_item_has_children:focus > ul {
left: 0;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-navigation .primary-menu li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu li.page_item_has_children:focus-within > ul {
left: 0;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-navigation .primary-menu ul::after {
content: "";
display: block;
position: absolute;
bottom: 100%;
}
.site-navigation .primary-menu ul::before {
height: 2rem;
left: 0;
right: 0;
}
.link-icon-wrapper i {
font-size: 9px;
color: #000;
}
.site-navigation .primary-menu ul a {
background: transparent;
border: none;
color: inherit;
padding: 1.5rem;
transition: background-color 0.15s linear;
width: 100%;
}
.site-navigation .primary-menu ul li.menu-item-has-children > a {
padding-right: 3rem;
}
.site-navigation .primary-menu ul li.menu-item-has-children .icon {
position: absolute;
right: 1.5rem;
top: calc(50% - 0.5rem);
} .site-navigation .primary-menu ul ul {
top: 0;
}
.site-navigation .primary-menu ul li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu ul li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu ul li.page_item_has_children:hover > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus > ul {
left: calc(100% + 0rem);
}
.site-navigation .primary-menu ul li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus-within > ul {
left: calc(100% + 0rem);
}
.site-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
background: #FF782D;
color: #ffffff !important;
}
.site-navigation .primary-menu ul li a:hover,.site-navigation .primary-menu ul li a:focus{
background: #161616;
color: #ffffff !important;
}
.site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus {
color: var(--first-color) !important;
}
.site-navigation .primary-menu ul ul::before {
position: absolute;
content: '';
bottom: 0;
height: 5.6rem;
right: auto;
left: -2rem;
top: 0;
width: 2rem;
}
@media (any-pointer: coarse) {
.site-navigation .primary-menu > li.menu-item-has-children > a {
padding-right: 0;
margin-right: 2rem;
}
.site-navigation .primary-menu ul li.menu-item-has-children > a {
margin-right: 4.5rem;
padding-right: 0;
width: unset;
}
} body.touch-enabled .primary-menu > li.menu-item-has-children > a {
padding-right: 0;
margin-right: 2rem;
}
body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
margin-right: 4.5rem;
padding-right: 0;
width: unset;
}
@media screen and (max-width: 991px) {
.site-navigation .primary-menu-wrapper {
display: none;
opacity: 0;
visibility: hidden;
}
}
.navbar-control-offcanvas {
display: none;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
.navbar-control-offcanvas {
display: block;
opacity: 1;
visibility: visible;
}
}
#offcanvas-menu {
background: rgba(0, 0, 0, 0.42);
position: fixed;
top: 0;
height: 100%;
right: -100%;
width: 100%;
z-index: 1000;
justify-content: flex-end;
-webkit-transition: right 0.5s;
-moz-transition: right 0.5s;
-ms-transition: right 0.5s;
-o-transition: right 0.5s;
transition: right 0.5s;
}
#offcanvas-menu .offcanvas-wraper {
height: 100%;
padding: 20px 100px;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1);
}
#offcanvas-menu .offcanvas-wraper::-webkit-scrollbar {
width: 0;
height: 0;
}
@media screen and (max-width: 991px) {
#offcanvas-menu .offcanvas-wraper {
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
padding: 20px;
}
}
@media screen and (max-width: 767px) {
#offcanvas-menu .offcanvas-wraper {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
#offcanvas-menu .close-offcanvas-menu {
text-align: right;
cursor: pointer;
}
#offcanvas-menu .close-offcanvas-menu .offcanvas-close {
font-size: 14px;
font-weight: 700;
margin: 10px auto;
align-items: center;
display: flex;
justify-content: space-between;
}
.admin-bar #offcanvas-menu .close-offcanvas-menu .offcanvas-close {
margin-top: 40px;
}
.responsive-date-clock .responsive-content-date,
.responsive-date-clock .theme-topbar-clock {
text-align: left;
}
.responsive-date-clock .theme-topbar-icon,
.responsive-date-clock .theme-topbar-label {
display: inline-block;
vertical-align: middle;
}
.offcanvas-wraper > * {
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
opacity: 0;
transition: transform 0.4s ease-out, opacity 0.4s ease-out;
will-change: transform, opacity;
}
.offcanvas-menu-active .offcanvas-wraper > * {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-branding {
transition-delay: 0.3s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-main-navigation {
transition-delay: 0.6s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-social-navigation {
transition-delay: 0.9s;
}
#offcanvas-menu.offcanvas-menu-active {
display: -ms-flexbox;
display: flex;
right: 0;
}
.offcanvas-main-navigation {
width: 100%;
}
.offcanvas-item {
margin-bottom: 15px;
}
.offcanvas-main-navigation li,
.responsive-content-menu li {
border-bottom: 0;
position: relative;
}
.offcanvas-main-navigation li:last-child,
.responsive-content-menu li:last-child {
border-bottom: none;
}
.offcanvas-main-navigation a,
.responsive-content-menu a {
padding: 10px 15px;
display: inline-block;
font-size: 17px;
margin-bottom: 0px;
width: 100%;
letter-spacing: 1px;
color: #ffffff;
font-weight: 400;
}
.submenu-wrapper span.btn__content i{
color: #ffffff;
}
button.button-offcanvas-close {
position: relative;
margin-left: 10px;
display: block;
font-size: 22px;
background: #FF782D;
border-radius: 5px;
color: #fff;
text-align: center;
right: 0px;
}
.offcanvas-main-navigation .sub-menu {
border-top: 0;
display: none;
list-style: none;
margin: 0 auto;
padding: 0;
}
.offcanvas-wraper{
background: #1E192D;
}
.offcanvas-main-navigation .sub-menu.submenu-toggle-active {
display: block;
}
span.navbar-control-trigger i {
font-size: 30px;
color: #fff;
padding: 8px;
background: #FF782D;
}
.navbar-controls {
text-align: center;
display: flex;
justify-content: center;
}
.offcanvas-main-navigation .submenu-wrapper {
display: flex;
justify-content: space-between;
border: 0px;
width: 100%;
}
.offcanvas-main-navigation .sub-menu .submenu-wrapper a:before{
content: "\00BB \00a0";
}
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle {
border-width: 0 0 0 0px;
padding-left: 10px;
padding-right: 10px;
background: transparent;
}