/** * Table of Contents * * 1.0 - Reset * 2.0 - Header * 3.0 - Footer * 4.0 - Blog * 5.0 - Widget * 6.0 - Responsive * 7.0 - Arki * - superfish */ /** * 1.0 - Reset */ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote, pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q, s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li, fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup, mark,menu,meter,nav,output,progress,section,summary,time,video{ border:0; outline:0; vertical-align:baseline; background:transparent; margin:0;padding:0; } article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{ display:block; } nav ul{ list-style:none; } ol{ list-style:decimal; } ul{ list-style:disc; } ul ul{ list-style:circle; } blockquote,q{ quotes:none; } blockquote:before,blockquote:after,q:before,q:after{ content:none; } ins{ text-decoration:underline; } del{ text-decoration:line-through; } mark{ background:none; } abbr[title],dfn[title], acronym[title]{ border-bottom:1px dotted; cursor:help; } table{ border-collapse:collapse;border-spacing:0; } hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;} input[type=submit],input[type=button],button{ margin:0; padding:0;} input,select,a img{ vertical-align:middle; } b, strong{ font-weight: bold; } i, em{ font-style: italic; } html{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; } /* generic class */ body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; word-break: break-word; } p{ margin-bottom: 20px; } ul, ol{ margin-left: 35px; margin-bottom: 20px; } dl{ margin-bottom: 20px; } dl dt{ font-weight: 700; margin-top: 10px; } dl dt:first-child{ margin-top: 0px; } dl dd{ margin-left: 20px; } h1, h2, h3, h4, h5, h6{ line-height: 1.2; margin-bottom: 20px; } figure{ max-width: 100%; } pre{ overflow: auto; padding: 10px 10px; background: #f3f3f3; margin-bottom: 20px; } .clear{ display: block; clear: both; visibility: hidden; line-height: 0; height: 0; zoom: 1; } .clearfix{ zoom: 1; } .clearfix:after{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* wordpress core */ .alignnone{ display: block; margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter{ display: block; margin: 5px auto 5px auto; } .alignright{ float:right; margin: 5px 0 20px 20px; } .arki-content-area p img.alignright{ clear: right; } .alignleft{ float: left; margin: 5px 40px 10px 0; } a img.alignright{ float: right; margin: 5px 0 20px 20px; } a img.alignnone{ margin: 5px 20px 20px 0; } a img.alignleft{ float: left; margin: 5px 20px 20px 0; } a img.aligncenter{ display: block; margin-left: auto; margin-right: auto } .wp-caption { text-align: center; max-width: 100%; } .wp-caption.alignnone{ margin: 5px 20px 20px 0; } .wp-caption.alignleft{ margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } figcaption.wp-caption-text { margin-top: 20px; } figure{ line-height: 0; } .wp-block-image figcaption, figcaption, figcaption.wp-caption-text{ margin-top: 0.7em; margin-bottom: 20px; font-size: 13px; line-height: 1.7; } .bypostauthor{ max-width: 100%; } .gallery-caption{ max-width: 100%; } .sticky{ max-width: 100%; } .single-post figure.alignleft{ margin-right: 30px; } .single-format-gallery figcaption.wp-caption-text{ margin-bottom: 20px; } .single-format-gallery figure.gallery-item{ margin-bottom: 20px; } .navigation{ text-align: right; margin-bottom: 30px; } .navigation .screen-reader-text{ display: none; } .arki-body .post-password-form input[type="password"]{ padding: 14px 20px; margin-left: 5px; margin-right: 6px; } .arki-body .post-password-form input[type="submit"]{ padding: 16px 35px 15px; } .blocks-gallery-grid, .wp-block-gallery{ display: flex; } .wp-block-gallery .alignnone{ margin: 0; } figcaption.blocks-gallery-caption{ margin-bottom: 20px; margin-top: 0px; } .blocks-gallery-item .blocks-gallery-item__caption{ margin-bottom: 0px; } body .page-links > a, body .nav-links > a, body .nav-links > span.dots{ background-color: #f0f0f0; color: #919191; } body .page-links > span, body .page-links > a:hover, body .nav-links > span.current, body .nav-links > a:hover{ background-color: #3db166; color: #fff; } .page-links{ clear: left; padding-top: 30px; margin-bottom: 20px; } .page-links > span, .page-links > a{ text-decoration: none; display: inline-block; font-size: 14px; padding: 9px 14px; margin-right: 7px; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } body .page-links > span.screen-reader-text{ display: none; } .nav-links{ clear: left; } .nav-links > span, .nav-links > a{ text-decoration: none; display: inline-block; font-size: 14px; padding: 9px 14px; margin-right: 3px; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } body .nav-links a{ text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px; font-size: 13px; } nav.navigation.comment-navigation{ display: inline-block; width: 100%; } .nav-links .nav-previous{ float: left; } .nav-links .nav-next{ float: right; } .wp-block-gallery{ margin-left: 0px; } .gallery{ text-align: center; margin-bottom: 30px; } .gallery:after{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .gallery-columns-2 .gallery-item{ float: left; width: 50%; } .gallery-columns-3 .gallery-item{ float: left; width: 33.33%; } .gallery-columns-4 .gallery-item{ float: left; width: 25%; } .gallery-columns-5 .gallery-item{ float: left; width: 20%; } .gallery-columns-6 .gallery-item{ float: left; width: 16.66%; } .gallery-columns-7 .gallery-item{ float: left; width: 14.28%; } .gallery-columns-8 .gallery-item{ float: left; width: 12.5%; } .gallery-columns-9 .gallery-item{ float: left; width: 11.11%; } .gallery-columns-10 .gallery-item{ float: left; width: 10%; } .gallery-columns-2 .gallery-item:nth-child(2n + 1){ clear: left; } .gallery-columns-3 .gallery-item:nth-child(3n + 1){ clear: left; } .gallery-columns-4 .gallery-item:nth-child(4n + 1){ clear: left; } .gallery-columns-5 .gallery-item:nth-child(5n + 1){ clear: left; } .gallery-columns-6 .gallery-item:nth-child(6n + 1){ clear: left; } .gallery-columns-7 .gallery-item:nth-child(7n + 1){ clear: left; } .gallery-columns-8 .gallery-item:nth-child(8n + 1){ clear: left; } .gallery-columns-9 .gallery-item:nth-child(9n + 1){ clear: left; } .gallery-columns-10 .gallery-item:nth-child(10n + 1){ clear: left; } cite{ padding-bottom: 20px; display: inline; } .wp-block-spacer{ clear: both; } .wp-block-cover{ margin-top: 5px; margin-bottom: 20px; } .wp-block-cover, .arki-body .wp-block-cover a, .arki-body .wp-block-cover a:hover{ color: #fff; } .wp-block-button{ margin-bottom: 20px; } .arki-body a.wp-block-button__link, .arki-body a.wp-block-button__link:hover{ color: #fff; } .is-style-outline .wp-block-button__link{ border-width: 2px; border-style: solid; border-color: #32373c; } .arki-body .is-style-outline a.wp-block-button__link{ color: #32373c; } .wp-block-button.is-style-squared .wp-block-button__link{ border-radius: 0; } .wp-block-media-text{ margin-bottom: 30px; } .wp-block-media-text .wp-block-media-text__content{ padding-top: 20px; } .wp-block-embed__wrapper iframe{ max-width: 100%; } hr.wp-block-separator{ width: 50%; margin-left: auto; margin-right: auto; } hr.wp-block-separator.is-style-wide{ width: 100%; } /* layout */ html, body{ height: 100%; } .arki-body-outer-wrapper{ min-height: 100% ; } .arki-body-outer-wrapper{ position: relative; overflow: hidden; } .arki-body-wrapper.arki-with-frame{ position: relative; overflow: hidden; } body.arki-full .arki-body-wrapper.arki-transparent{ background: transparent; } .arki-page-wrapper{ clear: both; } body.arki-boxed .arki-body-wrapper{ margin-left: auto; margin-right: auto; position: relative; } body.arki-boxed .arki-body-wrapper.arki-left{ margin-left: 0px; } body.arki-boxed .arki-body-wrapper.arki-right{ margin-right: 0px; } body.arki-boxed.arki-boxed-border .arki-body-wrapper{ box-shadow: 0px -5px 9px rgba(0,0,0,0.25); -webkit-box-shadow: 0px -5px 9px rgba(0,0,0,0.25); } body.arki-boxed.arki-background-pattern{ background-position: center; background-repeat: repeat; } .arki-body-background{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center; background-size: cover; } .arki-container{ margin-left: auto; margin-right: auto; } .arki-column-10{ float: left; width: 16.6666%; } .arki-column-12{ float: left; width: 20%; } .arki-column-15{ float: left; width: 25%; } .arki-column-20{ float: left; width: 33.3333%; } .arki-column-24{ float: left; width: 40%; } .arki-column-30{ float: left; width: 50%; } .arki-column-36{ float: left; width: 60%; } .arki-column-40{ float: left; width: 66.6666%; } .arki-column-45{ float: left; width: 75%; } .arki-column-48{ float: left; width: 80%; } .arki-column-50{ float: left; width: 83.3333%; } .arki-column-60{ float: left; width: 100%; } .arki-sidebar-right{ float: right; } .arki-sidebar-center{ float: none; display: inline-block; } .arki-content-area{ padding-top: 60px; padding-bottom: 40px; } .arki-sidebar-area{ padding-top: 60px; } .arki-line-height-0{ line-height: 0; } a, button{ text-decoration: none; transition: background 300ms, color 300ms, border-color 300ms; -moz-transition: background 300ms, color 300ms, border-color 300ms; -o-transition: background 300ms, color 300ms, border-color 300ms; -webkit-transition: background 300ms, color 300ms, border-color 300ms; } img{ max-width: 100%; height: auto; } blockquote{ quotes: none; padding: 30px 30px 15px; font-size: 17px; margin-bottom: 35px; font-style: italic; margin-top: 35px; border-left-width: 2px; border-left-style: solid; } .arki-blockquote-style-2 blockquote{ font-size: 20px; font-weight: 800; padding-top: 10px; padding-left: 35px; padding-right: 0px; font-style: normal; padding-bottom: 10px; border-left-width: 4px; } .arki-blockquote-style-2 blockquote p{ margin-bottom: 0px; } .arki-blockquote-style-3 .wp-block-quote{ padding: 20px 0px 1px; background: transparent; border: 0px; } .arki-blockquote-style-3 .wp-block-quote:before{ content: "“"; float: left; font-size: 212px; margin-top: -14px; height: 50px; line-height: 1; font-style: normal; margin-right: 30px; } .arki-blockquote-style-3 .wp-block-quote p{ overflow: hidden; font-size: 24px; font-style: italic; } q{ margin-right: 15px; display: inline-block; padding: 10px 20px; vertical-align: middle; border-left-width: 2px; border-left-style: solid; } .arki-media-image{ line-height: 0; position: relative; } .arki-media-video video{ width: 100%; } .arki-left-align{ text-align: left; } .arki-center-align{ text-align: center; } .arki-right-align{ text-align: right; } .arki-body-wrapper{ /* overflow: hidden; */ z-index: 1; position: relative; } /* input */ input, textarea{ border-width: 1px 1px 2px 1px; border-style: solid; } input:focus, textarea:focus{ outline: none; } /* button */ .arki-button, input[type="button"], input[type="submit"], input[type="reset"]{ font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.8px; padding: 15px 33px; display: inline-block; -webkit-appearance: none; } input[type="button"], input[type="submit"], input[type="reset"]{ border-width: 0px; border-style: solid; cursor: pointer; transition: background 300ms, color 300ms, border-color 300ms; -moz-transition: background 300ms, color 300ms, border-color 300ms; -o-transition: background 300ms, color 300ms, border-color 300ms; -webkit-transition: background 300ms, color 300ms, border-color 300ms; } input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus{ outline: none; } /** * 2.0 - Header */ /* preload */ .arki-page-preload{ position: fixed; z-index: 999999; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #fff; background-image: url('../images/preload.gif'); background-position: center; background-repeat: no-repeat; } .arki-page-preload.arki-out{ background-image: none; } /* top bar */ .arki-top-bar{ position: relative; border-bottom-style: solid; } .arki-top-bar-background{ position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; } .arki-top-bar-container{ margin-left: auto; margin-right: auto; } .arki-top-bar-container-inner{ position: relative; text-align: center; } .arki-top-bar-left{ float: left; } .arki-top-bar-left-text{ display: inline; } .arki-top-bar-right{ float: right; } .arki-top-bar-right-text{ display: inline; } .arki-top-bar-right-social{ display: inline; margin-left: 10px; } .arki-top-bar-right-social a{ margin-left: 25px; } .arki-top-bar-center-text{ display: inline; } /* top bar menu */ .arki-top-bar .arki-top-bar-menu{ display: inline-block; margin-right: 23px; margin-bottom: 0px; } .arki-top-bar .arki-top-bar-menu > li{ float: none; display: inline-block; } .arki-top-bar .arki-top-bar-menu > li > a{ display: inline; margin-right: 16px; letter-spacing: 1px; font-weight: 500; } .sf-menu.arki-top-bar-menu > .arki-normal-menu ul{ margin-left: 0px; font-size: 13px; } .sf-menu.arki-top-bar-menu > .arki-normal-menu:first-child ul{ margin-left: -17px; } .sf-menu.arki-top-bar-menu > .arki-normal-menu ul li {padding: 0px 18px 10px;} .sf-menu.arki-top-bar-menu > .arki-normal-menu ul li:first-child{ padding-top: 10px; } .sf-menu.arki-top-bar-menu > .arki-normal-menu ul li > a{ background: transparent; } .sf-menu.arki-top-bar-menu > .arki-normal-menu ul li > a:after{ margin-left: 10px; } .sf-menu.arki-top-bar-menu > .arki-mega-menu .sf-mega-full{ left: 0px; right: 0px; padding-top: 18px; padding-bottom: 8px; } .sf-menu.arki-top-bar-menu > .arki-mega-menu .sf-mega-section-inner ul{ font-size: 13px; } .sf-menu.arki-top-bar-menu > .arki-mega-menu .sf-mega-section-inner ul li{ padding: 0px 18px 10px; } /* side content menu */ #arki-side-content-menu{ display: none; position: fixed; right: 0px; top: 0px; bottom: 0px; width: 460px; padding: 120px 75px 80px; text-align: left; z-index: 200; overflow: auto; transform: translateX(100%); transition: transform 300ms; -webkit-transition: transform 300ms; -moz-transition: transform 300ms; } #arki-side-content-menu.arki-active{ transform: translateX(0); } #arki-side-content-menu .arki-widget-title{ font-size: 13px; } #arki-side-content-menu .arki-side-content-menu-close{ font-size: 35px; position: absolute; right: 30px; top: 40px; cursor: pointer; } .arki-side-content-menu-button{ float: left; width: 30px; margin-left: 40px; cursor: pointer; } .arki-side-content-menu-button:before{ content: " "; display: block; height: 2px; margin-bottom: 7px; } .arki-side-content-menu-button span{ display: block; height: 2px; width: 66%; margin-bottom:7px; } .arki-side-content-menu-button:hover span{ width: 100%; } .arki-side-content-menu-button:after{ content: " "; display: block; height: 2px; width: 33%; } .arki-side-content-menu-button:hover:after{ width: 100%; } .arki-side-content-menu-button span, .arki-side-content-menu-button:before, .arki-side-content-menu-button:after{ transition: width 300ms; -webkit-transition: width 300ms; -moz-transition: width 300ms; } #arki-side-content-menu .arki-widget{ margin-bottom: 60px; } #arki-side-content-menu .arki-widget-title{ font-size: 22px; font-weight: 500; margin-bottom: 30px; } /* mobile menu */ .arki-mm-menu-wrap{ display: none; } .admin-bar .mm-menu{ margin-top: 32px; } .arki-mobile-button-hamburger-with-border{ font-size: 16px; padding: 6px; line-height: 0; width: 32px; height: 32px; text-align: center; display: inline-block; border-width: 2px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .arki-right-menu-button{ display: inline-block; margin-left: 27px; } .arki-mobile-menu{ float: left; margin-top: -8px; margin-left: 21px; } .arki-mobile-menu-right{ position: absolute; right: 30px; top: 50%; margin-top: -9px; } .arki-mobile-menu-right:first-child{ position: relative; float: right; margin: 0px; padding: 8px 0px; } .arki-mobile-menu-left{ position: absolute; left: 30px; top: 50%; margin-top: -9px; } .arki-mobile-menu-left .arki-mobile-menu{ margin-left: 0px; } .arki-mobile-header .arki-mobile-logo-center .arki-logo-inner{ margin-left: auto; margin-right: auto; } .arki-mobile-header.arki-fixed-navigation .arki-fixed-nav-logo{ display: block; } .arki-mobile-header.arki-fixed-navigation .arki-orig-logo{ display: none; } /* hamburger */ .arki-mobile-button-hamburger{ box-sizing: border-box; display: block; width: 32px; height: 32px; position: relative; } .arki-mobile-button-hamburger:before, .arki-mobile-button-hamburger:after, .arki-mobile-button-hamburger span{ content: ''; display: block; width: 22px; height: 2px; position: absolute; left: 5px; } .arki-mobile-button-hamburger:before{ top: 8px; } .arki-mobile-button-hamburger span{ top: 15px; } .arki-mobile-button-hamburger:after{ top: 22px; } .arki-mobile-button-hamburger:before{ transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .arki-mobile-button-hamburger span{ transition: opacity 0.15s 0.4s ease; } .arki-mobile-button-hamburger:after{ transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .arki-mobile-button-hamburger.arki-active:before{ -webkit-transform: translate3d(0, 7px, 0) rotate(135deg); transform: translate3d(0, 7px, 0) rotate(135deg); transition-delay: 0.1s; } .arki-mobile-button-hamburger.arki-active span{ transition-delay: 0s; opacity: 0; } .arki-mobile-button-hamburger.arki-active:after{ transition-delay: 0.1s; -webkit-transform: translate3d(0, -7px, 0) rotate(-135deg); transform: translate3d(0, -7px, 0) rotate(-135deg); } .arki-right-menu-button.arki-mobile-button-hamburger-small{ margin-left: 20px; } .arki-mobile-button-hamburger-small{ box-sizing: border-box; display: block; width: 32px; height: 32px; position: relative; } .arki-mobile-button-hamburger-small:before, .arki-mobile-button-hamburger-small:after, .arki-mobile-button-hamburger-small span{ content: ''; display: block; width: 16px; height: 2px; position: absolute; left: 7px; } .arki-mobile-button-hamburger-small:before{ top: 11px; } .arki-mobile-button-hamburger-small span{ top: 15px; } .arki-mobile-button-hamburger-small:after{ top: 19px; width: 10px; transition: width 200ms; -moz-transition: width 200ms; -o-transition: width 200ms; -webkit-transition: width 200ms; } .arki-mobile-button-hamburger-small:hover:after{ width: 16px; } /* navigation menu */ .arki-navigation .sf-menu{ display: inline-block; line-height: 1.7; text-align: left; margin-bottom: 0px; } .arki-navigation .sf-menu > li:first-child{ padding-left: 0px; } .arki-navigation .sf-menu > li:last-child{ padding-right: 0px; } .arki-navigation .sf-menu > li > a{ letter-spacing: 0.5px; } .arki-navigation-submenu-indicator .sf-menu > li > a.sf-with-ul-pre:after{ display: inline-block; margin-left: 13px; content: "\f107"; font-family: fontAwesome; } .arki-navigation .sf-menu > .arki-normal-menu li{ padding: 1px 11px; } .arki-navigation .sf-menu > .arki-normal-menu li:first-child{ padding-top: 12px; } .arki-navigation .sf-menu > .arki-normal-menu li:last-child{ padding-bottom: 12px; } .arki-navigation .sf-menu > .arki-normal-menu li li{ /* padding-left: 0; */ } .arki-navigation .sf-menu > .arki-normal-menu li > a{ display: block; padding: 6px 30px 6px 12px; position: relative; } .arki-navigation .sf-menu > .arki-normal-menu li > a.sf-with-ul-pre:after{ position: absolute; right: 10px; content: "\f105"; font-family: fontAwesome; } .arki-navigation .sf-menu > .arki-normal-menu .sub-menu{ font-size: 14px; } .arki-navigation .sf-menu > .arki-mega-menu .sf-mega-full{ left: 0px; right: 0px; } .arki-navigation .sf-menu > .arki-mega-menu .sf-mega-section-wrap{ overflow: hidden; border-top-width: 1px; border-top-style: solid; } .arki-navigation .sf-menu > .arki-mega-menu .sf-mega-section-wrap:first-child{ border-top: none; } .arki-navigation .sf-menu > .arki-mega-menu .sf-mega-section{ padding-bottom: 999px; margin-bottom: -999px; border-left-width: 1px; border-left-style: solid; } .arki-navigation .sf-menu > .arki-mega-menu .sf-mega-section:first-child{ border-left: none; } .arki-navigation .sf-menu > .arki-mega-menu .sf-mega-section-inner{ padding: 31px 28px; } .arki-navigation .sf-menu > .arki-mega-menu .sf-mega-section-inner > a{ font-size: 15px; display: block; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; padding: 0px 12px; } .arki-navigation .sf-menu > .arki-mega-menu .sf-mega-section-inner .sub-menu a{ font-size: 14px; padding: 5px 12px; display: block; } .arki-navigation .arki-navigation-slide-bar-style-1{ border-bottom-width: 3px; border-bottom-style: solid; position: absolute; display: none; margin-top: -8px; padding-top: 5px; overflow: hidden; } .arki-navigation .arki-navigation-slide-bar-style-1:before{ content: " "; display: block; width: 0px; height: 0px; position: absolute; left: 50%; margin-left: -3px; bottom: 0px; border-width: 0px 5px 5px 5px; border-style: solid; border-color: transparent; } .arki-navigation .arki-navigation-slide-bar-style-2{ border-bottom-width: 3px; border-bottom-style: solid; position: absolute; display: none; margin-top: -3px; overflow: hidden; } .arki-navigation .arki-navigation-slide-bar-style-dot{ text-align: center; position: absolute; display: none; margin-top: -8px; overflow: hidden; } .arki-navigation .arki-navigation-slide-bar-style-dot:before{ content: " "; display: block; width: 6px; margin: 0px auto; border-bottom-width: 3px; border-top-width: 3px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .arki-navigation .sf-menu a i{ margin-right: 10px; } .arki-navigation .sf-vertical > li{ border-bottom-width: 1px; border-bottom-style: solid; } .arki-navigation .sf-vertical > li:first-child{ padding-top: 0px; } .arki-navigation .sf-vertical > li > a{ font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; display: block; } .arki-navigation .sf-vertical ul.sub-menu{ font-size: 14px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .arki-navigation .sf-vertical ul.sub-menu li{ padding: 2px 11px; } .arki-navigation .sf-vertical ul.sub-menu li:first-child{ padding-top: 20px; } .arki-navigation .sf-vertical ul.sub-menu li:last-child{ padding-bottom: 20px; } .arki-navigation .sf-vertical ul.sub-menu li > a{ display: block; padding: 4px 12px; } .arki-navigation .sf-vertical ul.sub-menu li > a.sf-with-ul:after, .arki-navigation-submenu-indicator .sf-vertical > li > a.sf-with-ul:after{ float: right; margin-left: 18px; content: "\f105"; font-family: fontAwesome; } /* bullet anchor */ .arki-bullet-anchor{ position: fixed; top: 50%; right: 30px; margin-top: -50px; z-index: 10; opacity: 0; transition: opacity 200ms; -moz-transition: opacity 200ms; -o-transition: opacity 200ms; -webkit-transition: opacity 200ms; } .arki-bullet-anchor.arki-init{ opacity: 1; } .arki-bullet-anchor a{ display: block; width: 17px; height: 17px; margin-bottom: 5px; overflow: hidden; border-width: 1px; border-style: solid; border-color: transparent; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .arki-bullet-anchor a:before{ content: " "; width: 9px; height: 9px; margin: 3px; display: block; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: background-color 200ms; -moz-transition: background-color 200ms; -o-transition: background-color 200ms; -webkit-transition: background-color 200ms; } /* breadcrumbs */ .arki-breadcrumbs a{ color: #c0c0c0; } .arki-breadcrumbs, .arki-breadcrumbs a:hover{ color: #777; } .arki-breadcrumbs{ font-size: 14px; padding: 17px 0px; border-bottom-width: 1px; border-bottom-style: solid; } .arki-breadcrumbs-item > span{ margin: 0px 22px; } .arki-breadcrumbs-item > span:first-child{ margin-left: 0px; } .arki-breadcrumbs-item a span{ transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; -webkit-transition: color 200ms; } /* top search */ .arki-top-search-wrap input.search-field{ border-bottom-color: #303030; color: #fff; } .arki-top-search-wrap .arki-top-search-submit, .arki-top-search-wrap .arki-top-search-close{ color: #fff; } .arki-top-search-wrap input::-webkit-input-placeholder{ color: #fff; } .arki-top-search-wrap input::-moz-placeholder{ color: #fff; } .arki-top-search-wrap input:-ms-input-placeholder{ color: #fff; } .arki-top-search-wrap input:-moz-placeholder{ color: #fff; } .arki-top-search-row{ display: table; width: 100%; height: 100%; } .arki-top-search-cell{ display: table-cell; vertical-align: middle; padding-left: 30px; padding-right: 30px; } .arki-top-search-wrap{ position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 9999; overflow-y: auto; display: none; } .arki-top-search-wrap form{ max-width: 630px; margin-left: auto; margin-right: auto; position: relative; } .arki-top-search-wrap input.search-field{ background: transparent; width: 100%; border-width: 0px 0px 3px; font-size: 40px; padding: 0px 120px 25px 0px; line-height: 48px; letter-spacing: 0.5px; } .arki-top-search-wrap input.search-submit{ position: absolute; top: 0px; right: 52px; width: 48px; height: 48px; padding: 0px; opacity: 0; filter: alpha(opacity=0); } .arki-top-search-wrap .arki-top-search-submit{ font-size: 30px; position: absolute; right: 52px; top: 0px; line-height: 48px; width: 48px; text-align: center; } .arki-top-search-wrap .arki-top-search-close{ font-size: 55px; position: absolute; right: 0px; top: -4px; line-height: 48px; width: 48px; text-align: center; cursor: pointer; } /* overlay menu */ .arki-overlay-menu-row{ display: table; width: 100%; height: 100%; } .arki-overlay-menu-cell{ display: table-cell; vertical-align: middle; } .arki-overlay-menu-content{ position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 9999; overflow-y: auto; display: none; } .arki-overlay-menu-content ul.menu{ list-style: none; text-align: center; padding-top: 180px; padding-bottom: 140px; max-width: 570px; margin-left: auto; margin-right: auto; margin-bottom: 0px; } .arki-overlay-menu-content ul.menu > li{ font-size: 23px; font-weight: bold; text-transform: uppercase; opacity: 0; margin-bottom: 17px; padding-bottom: 17px; letter-spacing: 1px; border-bottom-width: 1px; border-bottom-style: solid; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); transition: opacity 300ms, transform 300ms; -moz-transition: opacity 300ms, -moz-transform 300ms; -o-transition: opacity 300ms, -o-transform 300ms; -webkit-transition: opacity 300ms, -webkit-transform 300ms; } .arki-overlay-menu-content.arki-active ul.menu > li{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; transform: none; } .arki-overlay-menu-content ul.sub-menu{ display: none; padding-top: 20px; padding-bottom: 5px; list-style: none; margin-left: 0px; margin-bottom: 0px; } .arki-overlay-menu-content ul.sub-menu > li{ font-size: 15px; letter-spacing: 0px; text-transform: none; font-weight: normal; margin-bottom: 15px; } .arki-overlay-menu-content ul.sub-menu ul.sub-menu{ max-width: 380px; margin: 20px auto 20px; border-top-width: 1px; border-bottom-width: 1px; border-style: solid; } .arki-overlay-menu-content .arki-overlay-menu-close{ line-height: 1; font-size: 48px; position: absolute; left: 50%; top: 75px; margin-left: -24px; cursor: pointer; } .arki-overlay-menu-content .arki-overlay-menu-close:after{ content: "\4d"; font-family: elegantIcons; } .arki-overlay-menu-content ul li.menu-item-has-children > a:after{ content: "\f107"; font-family: "fontAwesome"; margin-left: 15px; } body.admin-bar .arki-overlay-menu-content{ margin-top: 32px; overflow-y: scroll; } /* menu right area */ .arki-main-menu-right-button{ float: left; padding: 8px 15px; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-top: -11px; margin-left: 30px; border-radius: 3px; border-width: 2px; border-style: solid; } .arki-main-menu-right-button.arki-style-round{ padding: 10px 26px; margin-top: -14px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } .arki-main-menu-right-button.arki-style-round-with-shadow{ padding: 13px 21px 14px; margin-top: -14px; box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.11); border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } .arki-main-menu-right{ float: left; margin-top: -7px; } .arki-main-menu-search{ float: left; margin-top: -5px; margin-left: 25px; } .arki-main-menu-search i{ font-size: 17px; margin-top: -1px; cursor: pointer; } .arki-main-menu-cart{ float: left; margin-top: -4px; padding-left: 15px; margin-left: 5px; position: relative; } .arki-main-menu-cart i{ font-size: 16px; margin-top: -1px; cursor: pointer; } .arki-main-menu-cart > .arki-top-cart-count{ font-size: 10px; font-weight: 700; vertical-align: super; width: 16px; height: 16px; line-height: 15px; position: absolute; top: -5px; right: -8px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } /* header */ .arki-logo{ position: relative; } .arki-header-wrap{ position: relative; z-index: 103; } .arki-header-container{ position: relative; margin-left: auto; margin-right: auto; } .arki-header-container-inner{ position: relative; } /* header plain */ .arki-header-style-plain{ position: relative; border-bottom-style: solid; z-index: 101; } .arki-header-style-plain .arki-navigation{ line-height: 0; } .arki-header-style-plain .arki-header-background{ position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; } .arki-header-background-transparent{ position: absolute; left: 0px; right: 0px; z-index: 3; } .arki-header-style-plain.arki-style-menu-left .arki-logo{ float: left; } .arki-header-style-plain.arki-style-menu-left .arki-navigation{ overflow: hidden; } .arki-header-style-plain.arki-style-menu-left .arki-main-menu{ float: left; vertical-align: top; } .arki-header-style-plain.arki-style-menu-left .arki-main-menu-right-wrap{ float: right; line-height: 1.7; margin-left: 10px; vertical-align: top; } .arki-header-style-plain.arki-style-menu-left .arki-main-menu-right-button{ margin-left: 0px; } .arki-header-style-plain.arki-style-menu-left .arki-main-menu-right-button.arki-button-2{ margin-left: 10px; } .arki-header-style-plain.arki-style-menu-left .arki-main-menu-search, .arki-header-style-plain.arki-style-menu-left .arki-main-menu-cart{ display: inline-block; float: none; vertical-align: top; margin-top: 0px; line-height: 1.4; } .arki-header-style-plain.arki-style-menu-right .arki-logo{ float: left; } .arki-header-style-plain.arki-style-menu-right .arki-navigation{ float: right; } .arki-header-style-plain.arki-style-menu-right .arki-main-menu{ display: inline-block; vertical-align: top; } .arki-header-style-plain.arki-style-menu-right .arki-main-menu-right-wrap{ display: inline-block; line-height: 1.7; margin-left: 10px; vertical-align: top; } .arki-header-style-plain.arki-style-center-logo .arki-logo-inner{ margin-left: auto; margin-right: auto; } .arki-header-style-plain.arki-style-center-logo .arki-navigation{ text-align: center; position: relative; } .arki-header-style-plain.arki-style-center-logo .arki-main-menu{ display: inline-block; vertical-align: top; } .arki-header-style-plain.arki-style-center-logo .arki-main-menu-right-wrap{ position: absolute; right: 0px; line-height: 1.7; } .arki-header-style-plain.arki-style-center-menu .arki-logo{ position: absolute; } .arki-header-style-plain.arki-style-center-menu .arki-navigation{ text-align: center; } .arki-header-style-plain.arki-style-center-menu .arki-main-menu{ display: inline-block; vertical-align: top; } .arki-header-style-plain.arki-style-center-menu .arki-main-menu-right-wrap{ position: absolute; right: 0px; line-height: 1.7; } .arki-header-style-plain.arki-style-splitted-menu .arki-logo{ padding-top: 0px; padding-bottom: 0px; } .arki-header-style-plain.arki-style-splitted-menu .arki-navigation{ text-align: center; } .arki-header-style-plain.arki-style-splitted-menu .arki-main-menu{ display: inline-block; vertical-align: top; } .arki-header-style-plain.arki-style-splitted-menu .arki-main-menu-right-wrap{ position: absolute; right: 0px; line-height: 1.7; } .arki-header-style-plain.arki-style-splitted-menu .arki-main-menu-left-wrap{ position: absolute; left: 0px; line-height: 1.7; } .arki-header-style-plain.arki-style-splitted-menu .arki-right-menu-button{ margin-left: 0px; } /* header box */ .arki-header-boxed-wrap{ position: absolute; left: 0px; right: 0px; z-index: 3; } .arki-header-style-boxed.arki-fixed-navigation{ margin-top: 0px; } .arki-header-style-boxed .arki-header-container-item{ position: relative; } .arki-header-style-boxed .arki-navigation{ line-height: 0; } .arki-header-style-boxed .arki-header-background{ position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; } .arki-header-style-boxed.arki-style-menu-right .arki-logo{ float: left; } .arki-header-style-boxed.arki-style-menu-right .arki-navigation{ float: right; } .arki-header-style-boxed.arki-style-menu-right .arki-main-menu{ display: inline-block; vertical-align: top; } .arki-header-style-boxed.arki-style-menu-right .arki-main-menu-right-wrap{ display: inline-block; line-height: 1.7; margin-left: 10px; vertical-align: top; } .arki-header-style-boxed.arki-style-center-menu .arki-logo{ position: absolute; } .arki-header-style-boxed.arki-style-center-menu .arki-navigation{ text-align: center; } .arki-header-style-boxed.arki-style-center-menu .arki-main-menu{ display: inline-block; vertical-align: top; } .arki-header-style-boxed.arki-style-center-menu .arki-main-menu-right-wrap{ position: absolute; line-height: 1.7; } .arki-header-style-boxed.arki-style-splitted-menu .arki-logo{ padding-top: 0px; padding-bottom: 0px; } .arki-header-style-boxed.arki-style-splitted-menu .arki-navigation{ text-align: center; } .arki-header-style-boxed.arki-style-splitted-menu .arki-main-menu{ display: inline-block; vertical-align: top; } .arki-header-style-boxed.arki-style-splitted-menu .arki-main-menu-right-wrap{ position: absolute; line-height: 1.7; } .arki-header-style-boxed.arki-style-splitted-menu .arki-main-menu-left-wrap{ position: absolute; line-height: 1.7; } .arki-header-style-boxed.arki-style-splitted-menu .arki-right-menu-button{ margin-left: 0px; } /* header bar */ .arki-header-style-bar .arki-logo{ float: left; } .arki-header-style-bar .arki-logo-right-text{ float: right; text-align: right; font-size: 13px; } .arki-header-style-bar .arki-header-container-inner{ position: relative; } .arki-navigation-bar-wrap{ border-top-width: 1px; border-top-style: solid; position: relative; } .arki-navigation-bar-wrap.arki-style-transparent{ position: absolute; left: 0px; right: 0px; z-index: 3; } .arki-navigation-bar-wrap .arki-navigation{ line-height: 0; position: relative; } .arki-navigation-bar-wrap .arki-navigation-background{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .arki-navigation-bar-wrap .arki-navigation-container{ position: relative; } .arki-navigation-bar-wrap .arki-main-menu{ display: inline-block; vertical-align: top; } .arki-navigation-bar-wrap.arki-style-left .arki-main-menu-right-wrap{ float: right; line-height: 1.7; margin-left: 10px; } .arki-navigation-bar-wrap.arki-style-center{ text-align: center; } .arki-navigation-bar-wrap.arki-style-center .arki-main-menu-right-wrap{ position: absolute; right: 0px; line-height: 1.7; } .arki-header-style-bar.arki-style-center .arki-logo{ float: none; } .arki-header-style-bar.arki-style-center .arki-logo-inner{ margin-left: auto; margin-right: auto; } .arki-header-style-bar.arki-style-center .arki-logo-right-text{ position: absolute; top: 0px; right: 0px; } .arki-header-style-bar.arki-style-2 .arki-header-background{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .arki-navigation-header-style-bar.arki-style-2{ border: 0px; } .arki-navigation-header-style-bar.arki-style-2 .arki-main-menu{ padding: 0px 25px; } .arki-navigation-header-style-bar.arki-style-2 .arki-main-menu-right-wrap{ padding: 0px 25px; } .arki-navigation-header-style-bar.arki-style-2{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .arki-navigation-header-style-bar.arki-style-2.arki-fixed-navigation .arki-navigation-container{ position: static; } .arki-navigation-header-style-bar.arki-style-2.arki-fixed-navigation .arki-navigation-background{ left: 0px; right: 0px; margin-left: 0px; margin-right: 0px; } /* header side */ .arki-header-side-content{ position: relative; z-index: 98; } .arki-header-side-nav{ position: fixed; top: 0px; bottom: 0px; z-index: 99; } .arki-header-side-nav.arki-allow-slide{ position: absolute; bottom: auto; } .arki-header-side-nav.arki-fix-bottom{ position: fixed; top: auto; bottom: 0px; } .arki-header-side-nav.arki-fix-top{ position: fixed; } .arki-header-side-nav.arki-style-left{ left: 0px; } .arki-header-side-nav.arki-style-right{ right: 0px; } .arki-header-side-nav .arki-pos-bottom, .arki-header-side-nav.arki-style-middle .arki-pos-middle{ opacity: 0; filter: alpha(opacity=0); transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; } .arki-header-side-nav .arki-pos-bottom.arki-active, .arki-header-side-nav.arki-style-middle .arki-pos-middle.arki-active{ opacity: 1; filter: alpha(opacity=100); } .arki-header-side-nav.arki-style-side .arki-header-social{ padding-top: 20px; padding-bottom: 40px; } .arki-header-side-nav.arki-style-side .arki-header-social a{ margin-left: 25px; } .arki-header-side-nav.arki-style-side .arki-header-social a:first-child{ margin-left: 0px; } .arki-header-side-nav.arki-style-side .arki-main-menu-right-wrap{ padding-top: 22px; } .arki-header-side-nav.arki-style-side .arki-main-menu-search{ float: none; display: inline-block; margin-top: 0px; margin-left: 20px; } .arki-header-side-nav.arki-style-side .arki-main-menu-cart{ float: none; display: inline-block; margin-top: 0px; margin-left: 0px; } .arki-header-side-nav.arki-style-side .arki-main-menu-right-wrap > div:first-child{ margin-left: 0px; } .arki-header-side-nav.arki-style-left .sf-vertical ul.sub-menu{ text-align: left; margin-left: 0px; } .arki-header-side-nav.arki-style-right .sf-vertical ul.sub-menu{ left: auto; right: 100%; text-align: right; } .arki-header-side-nav.arki-style-right .sf-vertical ul.sub-menu li > a.sf-with-ul:after{ content: "\f104"; float: left; margin-left: 0px; margin-right: 18px; } .arki-header-style-side.arki-center-align .arki-logo-inner{ margin-right: auto; margin-left: auto; } .arki-header-style-side.arki-right-align .arki-logo-inner{ margin-right: 0px; margin-left: auto; } .arki-header-side-nav.arki-style-side-toggle { text-align: center; } .arki-header-side-nav.arki-style-side-toggle .arki-logo-inner{ margin-left: auto; margin-right: auto; } .arki-header-side-nav.arki-style-side-toggle .arki-main-menu-search, .arki-header-side-nav.arki-style-side-toggle .arki-main-menu-cart{ float: none; margin-bottom: 8px; padding-left: 0px; margin-left: 0px; margin-top: 0px; } .arki-header-side-nav.arki-style-side-toggle .arki-header-icon{ padding-bottom: 20px; padding-top: 30px; } body.admin-bar .arki-header-side-nav{ padding-top: 32px; } html.mm-opened body.admin-bar .arki-header-side-nav{ padding-top: 0px; } /* fixed nav bar */ .arki-logo-inner{ transition: max-width 200ms; -moz-transition: max-width 200ms; -o-transition: max-width 200ms; -webkit-transition: max-width 200ms; } .arki-logo-inner img{ width: 100%; /* for ie */ } .arki-fixed-nav-logo{ display: none; } .arki-sticky-navigation.arki-fixed-navigation .arki-fixed-nav-logo{ display: block; } .arki-sticky-navigation.arki-fixed-navigation .arki-orig-logo{ display: none; } .arki-sticky-navigation.arki-style-fixed .arki-logo, .arki-sticky-navigation.arki-style-fixed .arki-navigation, .arki-sticky-navigation.arki-style-fixed .arki-navigation .sf-menu > li > a{ transition: background 300ms, color 300ms, border-color 300ms, padding 200ms; -moz-transition: background 300ms, color 300ms, border-color 300ms, padding 200ms; -o-transition: background 300ms, color 300ms, border-color 300ms, padding 200ms; -webkit-transition: background 300ms, color 300ms, border-color 300ms, padding 200ms; } .arki-sticky-navigation.arki-style-fixed .arki-navigation-top{ transition: top 200ms; -moz-transition: top 200ms; -o-transition: top 200ms; -webkit-transition: top 200ms; } .arki-sticky-navigation.arki-style-fixed.arki-animate-fixed-navigation .arki-logo-inner img{ transition: height 200ms; -moz-transition: height 200ms; -o-transition: height 200ms; -webkit-transition: height 200ms; } .arki-fixed-navigation.arki-style-fixed, .arki-fixed-navigation.arki-style-slide{ position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); } .arki-fixed-navigation.arki-style-slide .arki-logo-inner img{ max-height: 35px !important; width: auto; } body.arki-sticky-navigation-no-logo .arki-fixed-navigation .arki-logo{ display: none; } body.arki-sticky-navigation-no-logo .arki-mobile-header.arki-fixed-navigation .arki-logo{ display: block; } body.admin-bar .arki-fixed-navigation.arki-style-fixed, body.admin-bar .arki-fixed-navigation.arki-style-slide{ margin-top: 32px; } @media screen and (max-width: 782px){ body.admin-bar .arki-fixed-navigation.arki-style-slide{ margin-top: 0px; } } .arki-animate-fixed-navigation.arki-header-style-plain .arki-navigation-top{ top: 30px; } .arki-animate-fixed-navigation.arki-header-style-plain.arki-style-splitted-menu .arki-logo{ margin-top: -10px; } .arki-animate-fixed-navigation.arki-header-style-plain.arki-style-splitted-menu .arki-navigation .sf-menu > li > a{ padding-top: 0px; } .arki-animate-fixed-navigation.arki-header-style-plain.arki-style-splitted-menu .arki-navigation-top{ top: 22px; } .arki-animate-fixed-navigation.arki-header-style-plain.arki-style-center-logo .arki-logo{ position: absolute; left: 0px; top: 0px; z-index: 3; } .arki-animate-fixed-navigation.arki-header-style-boxed.arki-style-splitted-menu .arki-logo{ margin-top: -10px; padding-top: 0px; padding-bottom: 0px; } .arki-animate-fixed-navigation.arki-header-style-boxed.arki-style-splitted-menu .arki-navigation .sf-menu > li > a{ padding-top: 0px; } /* page title */ .arki-page-title-wrap{ background-position: center; background-size: cover; position: relative; overflow: hidden; clear: both; } .arki-page-title-wrap .arki-page-title-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .arki-page-title-wrap .arki-page-title-top-gradient{ position: absolute; top: 0px; right: 0px;left: 0px; } .arki-page-title-wrap .arki-page-title-bottom-gradient{ position: absolute; right: 0px; bottom: 0px; left: 0px; } .arki-page-title-wrap .arki-page-title-container{ position: relative; } .arki-page-title-wrap .arki-page-title{ text-transform: uppercase; letter-spacing: 2px; } .arki-page-title-wrap .arki-page-caption-divider{ width: 80px; border-bottom-width: 5px; } .arki-page-title-wrap.arki-style-small .arki-page-title{ font-size: 37px; margin-bottom: 0px; } .arki-page-title-wrap.arki-style-small .arki-page-caption{ font-size: 16px; margin-top: 13px; } .arki-page-title-wrap.arki-style-small .arki-page-title-content{ padding-top: 93px; padding-bottom: 87px; } .arki-page-title-wrap.arki-style-medium .arki-page-title{ font-size: 54px; margin-bottom: 0px; } .arki-page-title-wrap.arki-style-medium .arki-page-caption{ font-size: 19px; margin-top: 13px; } .arki-page-title-wrap.arki-style-medium .arki-page-title-content{ padding-top: 126px; padding-bottom: 116px; } .arki-page-title-wrap.arki-style-large .arki-page-title{ font-size: 75px; margin-bottom: 0px; } .arki-page-title-wrap.arki-style-large .arki-page-caption{ font-size: 25px; margin-top: 13px; } .arki-page-title-wrap.arki-style-large .arki-page-title-content{ padding-top: 184px; padding-bottom: 168px; } .arki-page-title-wrap.arki-style-custom .arki-page-title{ font-size: 37px; margin-bottom: 0px; } .arki-page-title-wrap.arki-style-custom .arki-page-caption{ font-size: 16px; margin-bottom: 0px; } .arki-page-title-event-time{ margin-top: 12px; } .arki-page-title-event-link{ margin-top: 12px; } /** * 3.0 - Footer */ /* footer */ .arki-footer-wrapper{ background-position: center; } .arki-footer-wrapper .arki-footer-container{ overflow: hidden; } .arki-footer-wrapper .arki-widget-title{ font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 35px; } .arki-footer-wrapper .arki-widget-title .gdlr-core-flexslider-nav{ float: right; margin-left: 20px; } .arki-footer-wrapper .arki-widget-title.arki-with-divider:after{ content: " "; width: 30px; border-bottom-width: 1px; border-bottom-style: solid; display: block; margin-top: 20px; } .arki-footer-wrapper .widget{ margin-bottom: 60px; } .arki-footer-wrapper .widget:last-child{ margin-bottom: 0px; } .arki-footer-wrapper.arki-with-column-divider .arki-footer-column{ padding-bottom: 1029px; margin-bottom: -1020px; border-left: 1px; border-style: solid; border-color: inherit; padding-left: 30px; padding-right: 30px; } .arki-footer-wrapper.arki-with-column-divider .arki-footer-column:first-child{ border: none; } .arki-fixed-footer{ position: fixed; left: 0px; right: 0px; bottom: 0px; } body.arki-boxed .arki-fixed-footer .arki-footer-wrapper, body.arki-boxed .arki-fixed-footer .arki-copyright-wrapper{ margin-left: auto; margin-right: auto; } .arki-footer-back-to-top-button{ position: fixed; z-index: 9; right: 30px; bottom: 30px; font-size: 18px; line-height: 20px; width: 45px; height: 45px; text-align: center; padding: 12px; cursor: pointer; opacity: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; pointer-events: none; transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; } .arki-footer-back-to-top-button.arki-scrolled{ opacity: 1; pointer-events: auto; } /* copyright */ .arki-footer-wrapper{ padding-top: 70px; padding-bottom: 50px; } .arki-copyright-container{ text-transform: uppercase; letter-spacing: 2px; } .arki-copyright-text{ text-align: center; font-size: 14px; } .arki-copyright-left{ float: left; } .arki-copyright-right{ float: right; } /** * 4.0 - Blog */ /* single */ .arki-single-article.arki-style .arki-single-article-title{ font-size: 37px; font-weight: 600; margin-bottom: 15px; } .arki-single-article.arki-style .arki-single-article-head{ text-align: left; } .arki-single-article.arki-style .arki-blog-info-wrapper{ margin-bottom: 8px; } .arki-single-article.arki-style .arki-excerpt-read-more{ font-weight: 500; } .arki-single-article-date-wrapper{ float: left; width: 58px; border-right-width: 1px; border-right-style: solid; line-height: 1; margin-top: 8px; margin-right: 30px; padding-right: 20px; text-align: center; } .arki-single-article-date-wrapper .arki-single-article-date-day{ font-size: 27px; font-weight: bold; margin-bottom: 8px; margin-top: -4px; letter-spacing: 1px; white-space: nowrap; } .arki-single-article-date-wrapper .arki-single-article-date-month{ font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .arki-single-article-date-wrapper .arki-single-article-date-year{ font-size: 12px; margin-top: 4px; } .arki-single-article{ padding-bottom: 5px; } .arki-single-article .arki-single-article-content ul, .arki-single-article .arki-single-article-content ol{ line-height: 2; } .arki-single-article .arki-single-article-thumbnail{ margin-bottom: 42px; } .arki-single-article .arki-single-article-head{ margin-bottom: 25px; } .arki-single-article .arki-single-article-title{ font-size: 37px; font-weight: 700; margin-bottom: 16px; letter-spacing: 0.5px; } .arki-single-article .arki-single-article-head-right{ overflow: hidden; } .arki-single-article .arki-excerpt-read-more{ margin-top: 15px; } .arki-blog-info-wrapper .arki-head{ margin-right: 13px; vertical-align: middle; } .arki-blog-info-wrapper .arki-head i{ font-size: 15px; } .arki-blog-info-wrapper .arki-blog-info { display: inline-block; margin-right: 25px; font-size: 12px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; } .arki-blog-info-wrapper .arki-blog-info:last-child{ margin-right: 0px; } .arki-sticky-banner{ line-height: 1; display: inline-block; letter-spacing: 0.5px; padding: 18px 20px 17px; text-transform: uppercase; font-size: 11px; font-weight: bold; margin-bottom: 22px; } .arki-sticky-banner i{ font-size: 12px; margin-right: 10px; } .arki-single-article-thumbnail .arki-sticky-banner{ position: absolute; left: 0px; bottom: 0px; margin-bottom: 0px; } body.single-post .arki-sidebar-style-none{ margin-left: auto; margin-right: auto; } body.blog .arki-sidebar-style-none{ margin-left: auto; margin-right: auto; } body.blog .arki-single-article, body.archive .arki-single-article, body.search .arki-single-article{ padding-bottom: 60px; } .arki-archive-taxonomy-description { margin-bottom: 60px; } p.comment-form-cookies-consent{ font-size: 17px; } .comment-respond p.logged-in-as{ font-size: 17px; } /* single post format */ .arki-blog-aside-format .arki-single-article-content{ font-size: 18px; font-style: italic; padding: 50px 60px 40px; } .arki-blog-aside-format .arki-excerpt-read-more{ display: none; } .arki-blog-quote-format .arki-single-article-content{ padding: 50px 45px 40px; position: relative; } .arki-blog-quote-format .arki-blog-quote-background{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: cover; background-position: center; opacity: 0.3; filter: alpha(opacity=30); } .arki-blog-quote-format .arki-blog-quote{ float: left; font-size: 120px; font-weight: 800; margin-top: -10px; line-height: 1; margin-right: 35px; position: relative; } .arki-blog-quote-format .arki-blog-content-wrap{ overflow: hidden; position: relative; } .arki-blog-quote-format .arki-blog-quote-content{ font-size: 18px; font-style: italic; } .arki-blog-quote-format .arki-blog-quote-author{ font-size: 16px; font-style: italic; margin-bottom: 20px; font-weight: bold; } .arki-blog-quote-format .arki-blog-quote-author:before{ content: "-"; margin-right: 2px; } .arki-blog-quote-format .arki-excerpt-read-more{ display: none; } .arki-blog-quote-format blockquote, .arki-blog-quote-format q{ background: transparent; border: none; padding: 0px; margin-top: 0px; margin-bottom: 0px; font-size: 18px; } .arki-blog-link-format .arki-blog-icon-link{ font-size: 23px; float: left; margin-right: 30px; margin-top: 5px; } .arki-blog-link-format .arki-blog-content-wrap{ overflow: hidden; } .arki-blog-link-format .arki-blog-title{ font-size: 20px; text-transform: none; letter-spacing: 0px; margin-bottom: 9px; } .arki-blog-link-format .arki-blog-content{ font-size: 14px; margin-bottom: 0px; } .arki-blog-link-format .arki-excerpt-read-more{ display: none; } /* single social share */ .arki-single-social-share{ padding-top: 10px; padding-bottom: 48px; } /* single author */ .arki-single-author{ text-align: center; margin-bottom: 85px; margin-top: 41px; border-top-width: 1px; border-top-style: solid; } .arki-single-author .arki-single-author-wrap{ max-width: 80%; margin: -41px auto 0px; } .arki-single-author .arki-single-author-avartar{ max-width: 80px; margin: 0px auto 37px; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .arki-single-author .arki-single-author-caption{ font-size: 14px; font-style: italic; margin-bottom: 9px; letter-spacing: 0.5px; } .arki-single-author .arki-single-author-title{ font-size: 26px; margin-bottom: 22px; } /* single navigation */ .arki-single-nav-area{ border-top: 1px; border-bottom: 1px; border-style: solid; padding: 33px 0px; margin-bottom: 55px; } .arki-single-nav i{ font-size: 25px; } .arki-single-nav .arki-text{ font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: 1.5px; } .arki-single-nav-left{ float: left; } .arki-single-nav-left i{ margin-right: 15px; vertical-align: middle; } .arki-single-nav-right{ float: right; } .arki-single-nav-right i{ margin-left: 15px; vertical-align: middle; } /* blog tags */ .arki-single-author-tags{ margin-bottom: 65px; margin-top: -18px; } .arki-single-author-tags a{ display: inline-block; font-size: 12px; padding: 5px 13px 4px; margin-right: 12px; border-width: 2px; border-style: solid; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .arki-blog-style-1 .arki-single-related-post-title{ font-size: 22px; margin-bottom: 30px; font-weight: 700; text-align: left; letter-spacing: 0px; text-transform: none; } .arki-single-related-post-container .gdlr-core-blog-grid .gdlr-core-blog-title{ font-size: 17px; font-weight: 600; } /* blog style 4 */ .arki-single-blog-title-style-4.arki-single-article-head{ text-align: center; margin-bottom: 0px; } .arki-single-blog-title-style-4.arki-single-article .arki-single-article-title{ font-size: 50px; font-weight: 800; margin-bottom: 20px; } .arki-single-blog-title-style-4 .arki-blog-info-wrapper .arki-blog-info .arki-head{ display: none; } .arki-single-blog-title-style-4 .arki-blog-info-wrapper .arki-blog-info{ margin-right: 0px; text-transform: none; font-size: 15px; font-weight: normal; } .arki-single-blog-title-style-4 .arki-blog-info-wrapper .arki-blog-info .arki-blog-info-sep{ margin: 0px 15px; } .arki-single-blog-title-style-4 .arki-blog-info-wrapper .arki-blog-info:first-child .arki-blog-info-sep{ display: none; } .arki-blog-style-4 .arki-single-article-thumbnail img{ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .arki-blog-style-4 .arki-single-article-thumbnail.arki-media-gallery img{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .arki-blog-style-4 .arki-single-nav-area{ border-top: 0px; padding-top: 0px; border-bottom: 0px; padding-bottom: 0px;} .arki-blog-style-4 .arki-single-nav .arki-text{ font-size: 12px; letter-spacing: 3px; display: block; margin-bottom: 9px; } .arki-blog-style-4 .arki-single-nav-title{ font-size: 17px; font-weight: bold; letter-spacing: 0.5px; line-height: 1; } .arki-blog-style-4 .arki-single-nav-left{ max-width: 50%; } .arki-blog-style-4 .arki-single-nav-right{ text-align: right; max-width: 50%; } .arki-blog-style-4 .gdlr-core-social-share-item{ float: left; } .arki-blog-style-4 .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-count{ font-size: 13px; font-weight: bold; } .arki-blog-style-4 .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-suffix{ font-size: 13px; font-weight: bold; letter-spacing: 3px; } .arki-blog-style-4 .gdlr-core-social-share-item .gdlr-core-divider{ display: none; } .arki-blog-style-4 .gdlr-core-social-share-item .gdlr-core-social-share-count{ margin-right: 32px; } .arki-blog-style-4 .arki-single-social-share{ border-top-width: 1px; border-top-style: solid; padding-top: 19px; } .arki-blog-style-4 .arki-single-magazine-author-tags{ padding-bottom: 0px; float: right; } .arki-blog-style-4 .arki-single-magazine-author-tags a{ font-size: 11px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; padding: 8px 17px 10px; display: inline-block; margin-right: 5px; margin-bottom: 5px; } .arki-blog-style-4 .arki-comments-area .comment-author { font-size: 16px; } .arki-blog-style-4 section.comment-content{ font-size: 15px; } .arki-blog-style-4 .arki-single-related-post-title, .arki-blog-style-4 .arki-comments-area .arki-comments-title, .arki-blog-style-4 .arki-comments-area .comment-reply-title{ font-size: 22px; margin-bottom: 30px; font-weight: 700; text-align: left; letter-spacing: 0px; text-transform: none; } .arki-blog-style-4 .arki-single-author{ border-top: none; background: #fff; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); padding: 45px; margin-top: 30px; margin-bottom: 80px; } .arki-blog-style-4 .arki-single-author .arki-single-author-avartar{ float: left; margin-bottom: 0px; margin-right: 33px; } .arki-blog-style-4 .arki-single-author .arki-single-author-wrap{ max-width: 100%; margin: 0px; } .arki-blog-style-4 .arki-single-author-content-wrap{ overflow: hidden; text-align: left; } .arki-blog-style-4 .arki-single-author .arki-single-author-title{ font-size: 18px; margin-bottom: 16px; font-weight: 700; } .arki-blog-style-4 .arki-comments-area{ border-top-width: 1px; border-top-style: solid; padding-top: 45px; margin-top: 5px; } .arki-blog-style-4 .arki-comments-area .comment-time{ font-style: normal; font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; } .arki-blog-style-4 .arki-comments-area .edit-link, .arki-blog-style-4 .arki-comments-area .comment-reply{ font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; } .arki-blog-style-4 .arki-comments-area .comment-respond{ background: transparent; padding: 10px 0px 30px; margin-bottom: 40px; } .arki-blog-style-4 .arki-comments-area textarea{ border-bottom-width: 1px;} .arki-blog-style-4 .arki-comments-area input[type="text"]{ border-bottom-width: 1px; } .arki-blog-style-4 .arki-comments-area .arki-comment-form-author{ width: 33.33%; } .arki-blog-style-4 .arki-comments-area .arki-comment-form-email{ width: 33.33%; padding-right: 7px; } .arki-blog-style-4 .arki-comment-form-url{ width: 33.33%; float: left; padding-left: 7px; } .arki-blog-style-4 .arki-comments-area .form-submit{ text-align: left; } .arki-blog-style-4 .arki-comments-area .form-submit input[type="submit"]{ font-size: 12px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } .arki-blog-style-4 .arki-single-related-post-wrap .gdlr-core-blog-grid .gdlr-core-blog-title{ margin-bottom: 6px; font-weight: 700; } .arki-blog-style-4 .arki-button, .arki-blog-style-4 input[type="button"], .arki-blog-style-4 input[type="submit"], .arki-blog-style-4 input[type="reset"]{ font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.8px; padding: 21px 35px 23px; } /* blog style 2 */ .arki-blog-title-wrap .arki-single-blog-title-style-2 .arki-single-article-title{ margin-bottom: 0px; margin-top: 5px; } .arki-single-blog-title-style-2 .arki-blog-info-wrapper .arki-blog-info .arki-head{ display: none; } .arki-single-blog-title-style-2 .arki-blog-info-wrapper .arki-blog-info{ margin-right: 0px; text-transform: none; font-size: 13px; } .arki-single-blog-title-style-2 .arki-blog-info-wrapper .arki-blog-info .arki-blog-info-sep{ margin: 0px 15px; } .arki-single-blog-title-style-2 .arki-blog-info-wrapper .arki-blog-info:first-child .arki-blog-info-sep{ display: none; } .arki-blog-style-2 .arki-single-author .arki-single-author-wrap{ margin: 0px; } .arki-blog-style-2 .arki-single-author{ border-top-width: 0px; margin-top: 0px; text-align: left; } .arki-blog-style-2 .arki-single-author .arki-single-author-avartar{ margin: 0px; float: left; margin-right: 30px; max-width: 100px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .arki-blog-style-2 .arki-single-author .arki-single-author-caption{ display: none; } .arki-blog-style-2 .arki-single-author .arki-single-author-content-wrap{ overflow: hidden; padding-top: 12px; } .arki-blog-style-2 .arki-single-author .arki-single-author-title{ font-size: 20px; margin-bottom: 10px; } .arki-blog-style-2 .gdlr-core-social-share-item{ text-align: left; } .arki-blog-style-2 .gdlr-core-social-share-item .gdlr-core-social-share-count{ margin-right: 25px; font-weight: bold; } .arki-blog-style-2 .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-count{ font-size: 16px; } .arki-blog-style-2 .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-suffix{ font-size: 16px; text-transform: none; letter-spacing: 0px; } .arki-blog-style-2 .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-divider{ display: none; } .arki-blog-style-2 .arki-single-article{ padding-bottom: 0px; } .arki-blog-style-2 .arki-single-nav-area{ border: none; padding: 30px 0px 0px; margin-bottom: 0px; } .arki-blog-style-2 .arki-single-nav-area a, .arki-blog-style-2 .arki-single-nav-area a:hover{ color: #fff; } .arki-blog-style-2 .arki-single-nav-area-left{ float: left; width: 50%; padding: 50px 80px; position: relative; overflow: hidden; } .arki-blog-style-2 .arki-single-nav-area-right{ float: left; width: 50%; padding: 50px 80px; position: relative; overflow: hidden; } .arki-blog-style-2 .arki-single-nav-area-background{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: cover; background-position: center; transition: transform 300ms ease-out; -moz-transition: transform 300ms ease-out; -o-transition: transform 300ms ease-out; -webkit-transition: transform 300ms ease-out; } .arki-blog-style-2 .arki-single-nav-area-left:hover .arki-single-nav-area-background, .arki-blog-style-2 .arki-single-nav-area-right:hover .arki-single-nav-area-background{ -webkit-transform: scale(1.1); transform: scale(1.1); } .arki-blog-style-2 .arki-single-nav-left i{ font-size: 20px; } .arki-blog-style-2 .arki-single-nav-left, .arki-blog-style-2 .arki-single-nav-right{ float: none; } .arki-blog-style-2 .arki-single-nav{ position: relative; } .arki-blog-style-2 .arki-single-nav .arki-text{ letter-spacing: 0px; text-transform: none; } .arki-blog-style-2 .arki-single-nav-title{ font-size: 22px; font-weight: 800; display: block; margin-top: 2px; } .arki-blog-style-2 .arki-single-nav-area-overlay{ opacity: 0.7; filter: alpha(opacity=62); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .arki-blog-style-2 .arki-comment-wrapper{ padding-top: 80px; } .arki-blog-style-2 .arki-comment-content{ margin: 0px auto; } .arki-blog-style-2 .arki-comments-area .arki-comments-title{ text-align: left; text-transform: none; letter-spacing: 0px; font-weight: 800; font-size: 20px; } .arki-blog-style-2 .arki-comments-area .comment-avatar{ max-width: 90px; border-radius: 3px; } .arki-blog-style-2 .arki-comments-area .comment-author{ font-size: 18px; } .arki-blog-style-2 .arki-comments-area .comment-time{ font-size: 13px; font-style: normal; } .arki-blog-style-2 .arki-comments-area .comment-content{ font-size: 15px; } .arki-blog-style-2 .arki-comments-area .comment-meta{ margin-bottom: 16px; } .arki-blog-style-2 .arki-comments-area .comment-reply{ text-transform: none; font-weight: 800; letter-spacing: 0px; } .arki-blog-style-2 .arki-comments-area .comment-article{ padding-bottom: 0px; border-bottom-width: 0px; } .arki-blog-style-2 .arki-comments-area .comment-reply-title{ font-size: 20px; letter-spacing: 0px; text-align: left; text-transform: none; font-weight: 800; margin-bottom: 35px; } .arki-blog-style-2 .arki-comments-area .comment-respond{ padding: 0px 0px 85px; background: transparent; margin-bottom: 0px; } .arki-blog-style-2 .arki-comments-area textarea{ font-size: 14px;padding: 20px 22px; margin-bottom: 22px; } .arki-blog-style-2 .arki-comments-area input[type="text"]{ font-size: 14px; padding: 20px 22px; margin-bottom: 22px; } .arki-blog-style-2 .arki-comments-area .arki-comment-form-author{ width: 33.33%; padding-right: 13px; } .arki-blog-style-2 .arki-comments-area .arki-comment-form-email{ width: 33.33%; padding-right: 7px; } .arki-blog-style-2 .arki-comments-area .arki-comment-form-url{ width: 33.33%; float: left; padding-left: 14px; } .arki-blog-style-2 .arki-comments-area .form-submit{ text-align: left; padding-top: 0px; } .arki-blog-style-2 .arki-comments-area .form-submit input[type="submit"]{ font-size: 13px; text-transform: none; padding: 16px 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .arki-blog-style-2 .arki-single-related-post-wrap{ padding: 80px 0px 50px; } .arki-blog-style-2 .arki-single-related-post-container{ padding-left: 80px; padding-right: 80px; } .arki-blog-style-2 .arki-single-related-post-title{ font-size: 20px; margin-bottom: 40px; font-weight: 800; } .arki-blog-style-2 .arki-single-related-post-container{ margin: 0px auto; } .arki-blog-style-2 .gdlr-core-blog-grid .gdlr-core-blog-title{ font-size: 21px; } .arki-blog-style-2 .arki-single-related-post-wrap .gdlr-core-sticky-banner{ display: none; } /* blog style 3 */ .arki-blog-style-3 .arki-single-nav-left, .arki-blog-style-3 .arki-single-nav-right{ max-width: 50%; } .arki-blog-style-3 .arki-single-nav-right{ text-align: right; } .arki-blog-style-3 .arki-single-nav .arki-text{ font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; display: block; margin-bottom: 8px; } .arki-blog-style-3 .arki-single-nav .arki-single-nav-title{ font-size: 20px; font-weight: 600; } .arki-blog-style-3 .arki-single-social-share{ padding-bottom: 27px; } .arki-blog-style-3 .gdlr-core-social-share-item{ position: relative; } .arki-blog-style-3 .gdlr-core-social-share-item .gdlr-core-social-share-count{ position: absolute; right: 0px; } .arki-blog-style-3 .gdlr-core-social-share-item .gdlr-core-social-share-wrap{ margin-right: 25px; float: left; } .arki-blog-style-3 .gdlr-core-social-share-item .gdlr-core-divider{ display: none; } .arki-blog-style-3 .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-count{ font-size: 15px; margin-right: 6px; } .arki-blog-style-3 .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-suffix{ font-size: 15px; text-transform: none; font-weight: 600; letter-spacing: 0px; } .arki-blog-style-3 .arki-single-author .arki-single-author-avartar{ margin: 0px; float: left; margin-right: 40px; border-width: 1px; border-style: solid; max-width: 116px; padding: 8px; } .arki-blog-style-3 .arki-single-author .arki-single-author-wrap{ max-width: 100%; margin: 0px; } .arki-blog-style-3 .arki-single-author{ border: none; } .arki-blog-style-3 .arki-single-author-content-wrap{ overflow: hidden; text-align: left; } .arki-blog-style-3 .arki-single-author .arki-single-author-title{ font-size: 18px; margin-bottom: 15px; } .arki-blog-style-3 .arki-single-author .arki-single-author-avartar img{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .arki-blog-style-3 .arki-comments-area .arki-comments-title { font-size: 25px; text-align: left; letter-spacing: 0px; text-transform: none; font-weight: 800; margin-bottom: 30px; } .arki-blog-style-3 .arki-comments-area .comment-respond{ background: transparent; padding: 0px; } .arki-blog-style-3 .arki-comments-area textarea, .arki-blog-style-3 .arki-comments-area input[type="text"]{ border-bottom-width: 1px; font-size: 14px; font-weight: 500; } .arki-blog-style-3 .arki-comments-area input[type="checkbox"]{vertical-align: middle;margin: 0px 10px 3px 0px;} .arki-blog-style-3 .arki-comments-area .form-submit{ text-align: left; } .arki-blog-style-3 .arki-comments-area .form-submit input[type="submit"]{ text-transform: none; font-size: 14px; letter-spacing: 0; padding: 15px 33px 19px; } .arki-blog-style-3 .arki-comments-area .comment-reply-title{ text-align: left; text-transform: none; letter-spacing: 0px; font-size: 28px; font-weight: 600; } .arki-blog-style-3 .arki-single-magazine-author-tags{ margin-bottom: 30px; } .arki-blog-style-3 .arki-comments-area .comment-time{ display: inline; margin-right: 12px; } .arki-blog-style-3 .arki-comments-area .comment-time time{ text-transform: uppercase; font-weight: 400; letter-spacing: 0px; } .arki-blog-style-3 .arki-comments-area .comment-reply{ position: static; display: inline; font-size: 14px; letter-spacing: 0px; text-decoration: underline; } .arki-blog-style-3 .arki-comments-area .edit-link { font-size: 14px; text-decoration: underline; text-transform: uppercase; letter-spacing: 0.5px; } .arki-blog-style-3 .arki-single-related-post-wrap{ margin-bottom: 25px; } .arki-blog-style-3 .arki-single-related-post-title{ font-size: 28px; margin-bottom: 40px; font-weight: 600; } .arki-blog-style-3 .arki-single-related-post-wrap .gdlr-core-blog-info-wrapper .gdlr-core-blog-info { font-size: 13px; } /* blog style 5 */ .arki-blog-style-5 .arki-single-nav-area{ padding-top: 50px; padding-bottom: 0px; border-bottom: 0px; } .arki-blog-style-5 .arki-single-nav-left, .arki-blog-style-5 .arki-single-nav-right{ max-width: 50%; } .arki-blog-style-5 .arki-single-nav-right{ text-align: right; } .arki-blog-style-5 .arki-single-nav .arki-text{ font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; display: block; margin-bottom: 2px; } .arki-blog-style-5 .arki-single-nav .arki-single-nav-title{ font-size: 20px; font-weight: 600; } .arki-blog-style-5 .arki-single-social-share{ float: right; padding-top: 0px; padding-bottom: 50px; } .arki-blog-style-5 .gdlr-core-social-share-item.gdlr-core-style-round a{ font-size: 18px; width: 40px; height: 40px; padding: 11px 0px; } .arki-blog-style-5 .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-count{ font-size: 15px; margin-right: 6px; } .arki-blog-style-5 .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-suffix{ font-size: 15px; text-transform: none; font-weight: 600; letter-spacing: 0px; } .arki-blog-style-5 .arki-single-author .arki-single-author-avartar{ margin: 0px; float: left; margin-right: 30px; max-width: 116px; } .arki-blog-style-5 .arki-single-author .arki-single-author-wrap{ max-width: 100%; margin: 0px; } .arki-blog-style-5 .arki-single-author{ border: none; margin-top: 10px; margin-bottom: 60px; padding: 45px 55px 40px 40px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.12); } .arki-blog-style-5 .arki-single-author-content-wrap{ overflow: hidden; text-align: left; } .arki-blog-style-5 .arki-single-author .arki-single-author-title{ font-size: 18px; margin-bottom: 25px; } .arki-blog-style-5 .arki-single-author .arki-single-author-caption{ font-size: 13px; font-style: normal; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; margin-bottom: 2px; } .arki-blog-style-5 .arki-single-author .arki-single-author-avartar img{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .arki-blog-style-5 .arki-single-magazine-author-tags{ margin-bottom: 50px; padding-bottom: 0px; float: left; } .arki-blog-style-5 .arki-comments-area .arki-comments-title { font-size: 25px; text-align: left; letter-spacing: 0px; text-transform: none; font-weight: 800; margin-bottom: 30px; } .arki-blog-style-5 .arki-comments-area .comment-respond{ background: transparent; padding: 0px; } .arki-blog-style-5 .arki-comments-area textarea, .arki-blog-style-5 .arki-comments-area input[type="text"]{ border-bottom-width: 1px; font-size: 14px; font-weight: 500; } .arki-blog-style-5 .arki-comments-area input[type="checkbox"]{vertical-align: middle;margin: 0px 10px 3px 0px;} .arki-blog-style-5 .arki-comments-area .form-submit{ text-align: left; } .arki-blog-style-5 .arki-comments-area .form-submit input[type="submit"]{ text-transform: none; font-size: 16px; font-weight: 600; letter-spacing: 0; padding: 15px 33px 19px; } .arki-blog-style-5 .arki-comments-area .comment-reply-title{ text-align: left; text-transform: none; letter-spacing: 0px; font-size: 28px; } .arki-blog-style-5 .arki-comments-area .comment-time{ display: inline; margin-right: 12px; } .arki-blog-style-5 .arki-comments-area .comment-time time{ text-transform: uppercase; font-weight: 400; letter-spacing: 0px; } .arki-blog-style-5 .arki-comments-area .comment-reply{ position: static; display: inline; font-size: 14px; letter-spacing: 0px; text-decoration: underline; } .arki-blog-style-5 .arki-comments-area .edit-link { font-size: 14px; text-decoration: underline; text-transform: uppercase; letter-spacing: 0.5px; } .arki-blog-style-5 .arki-single-related-post-wrap{ margin-bottom: 5px; } .arki-blog-style-5 .arki-single-related-post-title{ font-size: 28px; margin-bottom: 40px; font-weight: 700; } .arki-blog-style-5 .arki-single-related-post-wrap .gdlr-core-blog-info-wrapper .gdlr-core-blog-info { font-size: 13px; } .arki-blog-style-5 .arki-single-magazine-author-tags{ padding-bottom: 23px; } .arki-blog-style-5 .arki-single-magazine-author-tags i{ margin-right: 20px; font-size: 18px; vertical-align: middle; } .arki-blog-style-5 .arki-single-magazine-author-tags a{ font-size: 18px; font-weight: 500; display: inline-block; border-bottom-width: 2px; border-style: solid; margin-right: 13px; margin-bottom: 10px; padding: 0; background: transparent; } /* blog magazine */ .arki-blog-magazine .arki-single-article{ padding-bottom: 0px; } .arki-blog-magazine .arki-single-article-content .arki-single-social-share{ padding-bottom: 30px; } .arki-blog-magazine .gdlr-core-social-share-item .gdlr-core-divider{ display: none; } .arki-blog-magazine .gdlr-core-social-share-item .gdlr-core-social-share-count{ margin-left: 20px; } .arki-blog-magazine .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-count, .arki-blog-magazine .gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-suffix{ font-size: 13px; font-weight: normal; } .arki-blog-magazine .arki-single-social-share{ padding-top: 0px; padding-bottom: 23px; } .arki-single-magazine-author-tags{ padding-bottom: 23px; } .arki-single-magazine-author-tags a{ font-size: 13px; font-weight: 500; padding: 7px 12px; display: inline-block; margin-right: 5px; margin-bottom: 5px; } .arki-blog-magazine .arki-single-nav-area{ margin-top: 60px; margin-bottom: 45px; border: none; padding-top: 5px; padding-bottom: 5px; position: relative; } .arki-blog-magazine .arki-single-author{ border: none; text-align: left; padding: 40px; margin-top: 50px; } .arki-blog-magazine .arki-single-author .arki-single-author-wrap{ margin: 0px; } .arki-blog-magazine .arki-single-author .arki-single-author-avartar{ float: left; margin-right: 30px; } .arki-blog-magazine .arki-single-author-content-wrap{ overflow: hidden; } .arki-blog-magazine .arki-single-author .arki-single-author-caption{ display: none; } .arki-blog-magazine .arki-single-author .arki-single-author-title{ font-size: 16px; margin-bottom: 18px; } .arki-blog-magazine .arki-single-author-description{ font-size: 15px; } .arki-blog-magazine .arki-single-nav-left, .arki-blog-magazine .arki-single-nav-right{ max-width: 50%; } .arki-blog-magazine .arki-single-nav-right{ text-align: right; } .arki-blog-magazine .arki-single-nav-area-divider{ position: absolute; left: 50%; top: 0px; bottom: 0px; border-left-width: 1px; border-left-style: solid; } .arki-blog-magazine .arki-single-nav .arki-text{ font-size: 13px; font-weight: 500; letter-spacing: 0.5px; display: block; margin-bottom: 8px; } .arki-blog-magazine .arki-single-nav .arki-single-nav-title{ font-size: 15px; font-weight: bold; } .arki-blog-magazine .arki-single-related-post-wrap .arki-single-related-post-title{ font-size: 16px; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; margin-bottom: 35px; } .arki-blog-magazine .arki-comment-wrapper{ margin-top: 45px; } .arki-blog-magazine .arki-single-related-post-wrap .gdlr-core-blog-grid .gdlr-core-blog-info-wrapper{ padding-top: 0px; } .arki-blog-magazine .arki-single-related-post-wrap .gdlr-core-blog-grid .gdlr-core-blog-title{ margin-bottom: 10px; } .arki-blog-magazine .arki-single-related-post-wrap .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ font-size: 11px; } .arki-blog-magazine .arki-single-related-post-wrap .gdlr-core-blog-grid-with-frame .gdlr-core-blog-grid-frame { padding: 20px; } /* comment area */ .arki-comments-area .arki-comments-title{ font-size: 16px; text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; margin-bottom: 55px; } .arki-comments-area ol.comment-list{ list-style: none; margin-bottom: 55px; margin-left: 0px; } .arki-comments-area ol.comment-list ol{ margin-left: 50px; list-style: none; } .arki-comments-area ol.comment-list .comment-content ol{ list-style: decimal; } .arki-comments-area .comment-article{ padding-bottom: 20px; margin-bottom: 40px; border-bottom-width: 1px; border-bottom-style: solid; } .arki-comments-area .comment-avatar{ max-width: 80px; margin-right: 35px; float: left; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .arki-comments-area .comment-avatar img{ display: block; } .arki-comments-area .comment-meta{ position: relative; margin-bottom: 20px; } .arki-comments-area .comment-author{ font-size: 19px; font-weight: bold; margin-bottom: 5px; } .arki-comments-area .comment-body{ overflow: hidden; } .arki-comments-area .comment-time{ font-size: 14px; font-style: italic; } .arki-comments-area .comment-reply{ font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: 1.5px; position: absolute; right: 0px; top: 4px; } .arki-comments-area .comment-respond{ padding: 60px 55px 40px; margin-bottom: 85px; } .arki-comments-area ol.comment-list .comment-respond{ margin-top: 55px; } .arki-comments-area .comment-reply-title{ font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin-bottom: 40px; } .arki-comments-area .comment-reply-title small{ margin-left: 10px; } .arki-comments-area textarea{ width: 100%; padding: 18px 22px; display: block; font-size: 14px; border-width: 1px 1px 2px 1px; border-style: solid; margin: 0px; margin-bottom: 14px; } .arki-comments-area input[type="text"]{ font-size: 14px; width: 100%; display: block; border-width: 1px 1px 2px 1px; border-style: solid; padding: 16px 22px; margin-bottom: 14px; } .arki-comments-area input[type="text"]:focus, .arki-comments-area textarea:focus{ outline: none; } .arki-comments-area .arki-comment-form-author{ width: 50%; padding-right: 7px; float: left; } .arki-comments-area .arki-comment-form-email{ width: 50%; padding-left: 7px; float: left; } .arki-comments-area .form-submit{ text-align: center; padding-top: 14px; } /* blog title */ .arki-blog-title-wrap{ background: #000; background-position: center; position: relative; background-size: cover; overflow: hidden; } .arki-blog-title-wrap .arki-blog-title-container{ position: relative; } .arki-blog-title-wrap .arki-blog-title-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.8; } .arki-blog-title-wrap.arki-feature-image .arki-blog-title-top-overlay{ position: absolute; top: 0px; right: 0px; left: 0px; height: 413px; opacity: 1; background: url("../images/blog-title-top-gradient.png") center top repeat-x; } .arki-blog-title-wrap.arki-feature-image .arki-blog-title-bottom-overlay{ position: absolute; right: 0px; bottom: 0px; left: 0px; height: 413px; opacity: 1; background: url("../images/blog-title-gradient.png") center bottom repeat-x; } .arki-blog-title-wrap.arki-style-small .arki-blog-title-content{ padding-top: 93px; padding-bottom: 87px; } .arki-blog-title-wrap.arki-style-large .arki-blog-title-content{ padding-top: 184px; padding-bottom: 168px; } .arki-blog-title-wrap .arki-single-article-title{ font-size: 57px; font-weight: 700; margin-bottom: 11px; letter-spacing: 0.5px; } .arki-blog-title-wrap .arki-single-article-head-right{ overflow: hidden; } .arki-blog-title-wrap .arki-single-article-date-wrapper{ margin-top: 11px; } /* 404 */ .arki-not-found-wrap{ text-align: center; position: relative; } .arki-not-found-wrap .arki-not-found-background{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.27; filter: alpha(opacity=27); background-position: center; background-size: cover; background-image: url('../images/404-background.jpg'); } .arki-not-found-wrap .arki-not-found-content{ position: relative; padding: 60px 0px 65px; } .arki-not-found-wrap .arki-not-found-head{ font-size: 150px; line-height: 1; margin-bottom: 40px; } .arki-not-found-wrap .arki-not-found-title{ font-size: 35px; line-height: 1; font-weight: 800; text-transform: uppercase; margin-bottom: 14px; } .arki-not-found-wrap .arki-not-found-caption{ font-size: 18px; } .arki-not-found-wrap .arki-not-found-back-to-home a{ font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .arki-not-found-wrap form.search-form{ max-width: 430px; margin: 58px auto 0px; position: relative; margin-bottom: 13px; } .arki-not-found-wrap form.search-form input.search-field{ font-size: 15px; width: 100%; border: none; padding: 22px 60px 22px 25px; height: 64px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .arki-not-found-wrap form.search-form input.search-submit{ position: absolute; right: 0px; top: 0px; width: 64px; height: 64px; opacity: 0; filter: alpha(opacity=0); } .arki-not-found-wrap form.search-form .arki-top-search-submit{ position: absolute; right: 20px; top: 50%; margin-top: -15px; font-size: 18px; } body.search .arki-not-found-wrap .arki-not-found-head{ font-size: 100px; text-transform: uppercase; margin-bottom: 18px; } body.search .arki-not-found-wrap form.search-form{ margin-top: 50px; } /** * 5.0 - Widget */ /* sidebar */ .arki-sidebar-area .arki-widget{ margin-bottom: 60px; } .arki-sidebar-area .arki-widget-title{ font-size: 13px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; position: relative; margin-bottom: 28px; overflow: hidden; } .arki-sidebar-area .arki-widget-title .gdlr-core-flexslider-nav{ float: right; margin-left: 20px; } .arki-sidebar-area .arki-widget-head-text{ display: block; float: left; margin-right: 28px; } .arki-sidebar-area .arki-widget-head-divider{ display: block; border-top-width: 1px; border-top-style: solid; overflow: hidden; margin-top: 0.6em; } /* list */ .textwidget select{ max-width: 100%; } .widget_categories .screen-reader-text, .widget_archive .screen-reader-text{ display: none; } .widget_rss .rss-widget-icon{ margin-right: 10px; margin-top: -3px; } .widget_product_categories ul, .widget_archive ul, .widget_categories ul, .widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul{ position: relative; list-style: none; margin-left: 0px; } .widget_product_categories ul li, .widget_archive ul li, .widget_categories ul li, .widget_nav_menu ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li{ font-size: 16px; margin-bottom: 15px; padding-left: 28px; line-height: 20px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; } .widget_product_categories ul ul, .widget_archive ul ul, .widget_categories ul ul, .widget_nav_menu ul ul, .widget_meta ul ul, .widget_pages ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_rss ul ul{ margin-top: 20px; margin-bottom: 0px; } .widget_product_categories ul ul ul, .widget_archive ul ul ul, .widget_categories ul ul ul, .widget_nav_menu ul ul ul, .widget_meta ul ul ul, .widget_pages ul ul ul, .widget_recent_comments ul ul ul, .widget_recent_entries ul ul ul, .widget_rss ul ul ul{ margin-left: 5px; } .widget_product_categories ul ul li, .widget_archive ul ul li, .widget_categories ul ul li, .widget_nav_menu ul ul li, .widget_meta ul ul li, .widget_pages ul ul li, .widget_recent_comments ul ul li, .widget_recent_entries ul ul li, .widget_rss ul ul li{ border-top-width: 1px; border-top-style: solid; margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; padding-top: 15px; margin-top: 15px; } .widget_product_categories ul li:before, .widget_archive ul li:before, .widget_categories ul li:before, .widget_nav_menu ul li:before, .widget_meta ul li:before, .widget_pages ul li:before, .widget_recent_comments ul li:before, .widget_recent_entries ul li:before, .widget_rss ul li:before{ content: "\f105"; font-family: FontAwesome; text-align: center; position: absolute; left: 0px; display: block; height: 20px; width: 20px; margin-top: -1px; } .widget_archive select, .widget_categories select, .widget_text select{ font-size: 14px; width: 100%; height: 50px; padding-left: 15px; outline: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-width: 1px; border-style: solid; background: url('../images/dropdown.png') no-repeat 97% center; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .widget_rss span.rss-date{ margin-bottom: 17px; margin-top: 3px; display: block; text-transform: uppercase; font-weight: 700; letter-spacing: 1.5px; font-size: 12px; } .widget_rss .rssSummary{ line-height: 1.7; margin-bottom: 15px; } .widget_rss a.rsswidget{ font-size: 16px; font-weight: 700; } .widget_rss cite{ font-size: 14px; margin-bottom: 14px; display: block; } .widget_rss ul li{ margin-bottom: 27px; } /* search widget */ .widget_search form{ display: block; position: relative; } .widget_search form:after{ content: "\f002"; font-family: "fontAwesome"; font-size: 14px; line-height: 14px; position: absolute; right: 20px; top: 50%; margin-top: -7px; } .widget_search label .screen-reader-text{ display: none; } .widget_search .search-form input.search-field{ font-size: 16px; line-height: 17px; height: 51px; border-width: 1px; border-style: solid; width: 100%; padding: 16px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget_search input.search-field:focus{ outline: none; } .widget_search input.search-submit{ position: absolute; right: 0px; top: 0px; bottom: 0px; width: 51px; padding: 0px; opacity: 0; filter: alpha(opacity=0); z-index: 1; } /* tag cloud */ .tagcloud{ zoom: 1; } .tagcloud:after{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .tagcloud a{ font-size: 11px !important; text-transform: uppercase; font-weight: 600; float: left; padding: 7px 16px 8px; border-width: 1px; border-style: solid; margin-right: 10px; margin-bottom: 10px; } /* calendar */ .widget_calendar table{ width: 100%; margin-bottom: 0px; } .widget_calendar table thead th{ font-size: 13px; font-weight: bold; padding: 10px 0px; } .widget_calendar table tbody td{ text-align: center; padding: 10px 0px; } .widget_calendar table tfoot td{ text-align: center; padding: 10px 0px; } .widget_calendar caption{ font-size: 14px; margin-bottom: 20px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } .widget ul.menu .sub-menu .sub-menu li{ padding-left: 20px; } .widget ul.menu .sub-menu .sub-menu li:before{ left: -10px; } .widget ul.menu .sub-menu .sub-menu .sub-menu .sub-menu li{ padding-left: 15px; } .widget ul.menu .sub-menu .sub-menu .sub-menu .sub-menu li:before{ left: -15px } .widget ul.menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li{ padding-left: 5px; } .widget ul.menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li:before{ left: -25px; } /* table */ table{ width: 100%; text-align: center; border-spacing: 2px; border-collapse: separate; margin-bottom: 20px; } table tr td{ padding: 15px 0px; } table tr th{ padding: 13px 8px; font-size: 16px; font-weight: normal; word-break: normal; } /* for goodlayer core plugin */ body.arki-boxed .gdlr-core-column-extend-left .gdlr-core-pbf-background-wrap{ margin-left: -50px; } body.arki-boxed .gdlr-core-column-extend-right .gdlr-core-pbf-background-wrap{ margin-right: -50px; } /** * 6.0 - Responsive */ .arki-mobile-header-wrap{ display: none; } .arki-mobile-header{ padding-top: 15px; padding-bottom: 15px; z-index: 99; position: relative; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .arki-mobile-header.arki-fixed-navigation{ display: none; } .arki-mobile-header .arki-mobile-header-container{ position: relative; } .arki-mobile-header .arki-logo-inner{ line-height: 45px; margin-right: 80px; } .arki-mobile-header .arki-logo-inner img{ vertical-align: middle; width: auto; } body .arki-mobile-header .arki-logo{ padding: 0px 15px; } /*--- tablet ---*/ @media only screen and (max-width: 1140px){ html .widget_product_search input[type="search"]#woocommerce-product-search-field{ width: 100%; margin-bottom: 10px; } } @media only screen and (max-width: 999px){ body{ width: 100%; overflow-x: hidden; } body.arki-boxed div.arki-body-wrapper{ margin-top: 0px; margin-bottom: 0px; } .arki-bullet-anchor{ display: none; } /* remove header */ .arki-top-bar{ display: none; } .arki-header-wrap.arki-header-style-plain, .arki-header-wrap.arki-header-style-bar, .arki-navigation-bar-wrap, .arki-header-background-transparent, .arki-header-boxed-wrap, .arki-header-side-nav, .arki-header-transparent-substitute, .arki-sticky-navigation{ display: none !important; } .arki-mobile-header-wrap{ display: block; } .arki-mobile-header-wrap .arki-top-bar{ display: block; } .arki-mobile-header-wrap .arki-top-bar{ font-size: 13px; } .arki-mobile-header-wrap .arki-top-bar-left, .arki-mobile-header-wrap .arki-top-bar-right{ padding-top: 0px; padding-bottom: 0px; } .arki-mobile-header.arki-fixed-navigation{ display: block; } .arki-sticky-menu-placeholder{ display: none !important; } body .arki-header-side-content.arki-style-left{ margin-left: 0px; } body .arki-header-side-content.arki-style-right{ margin-right: 0px; } body.single-product.woocommerce div.product form.cart{ float: none; margin-bottom: 30px; width: auto; margin-right: 0px; } body.single-product.woocommerce div.product .product_meta{ margin-top: 0px; } .arki-blog-style-2 .arki-single-nav-area-left, .arki-blog-style-2 .arki-single-nav-area-right{ padding: 30px 40px; } .arki-blog-style-2 .arki-single-related-post-container{ padding-left: 30px; padding-right: 30px; } } /*--- mobile landscape style ---*/ @media only screen and (max-width: 767px){ body.arki-body-front .arki-container{ max-width: 500px; padding-left: 15px; padding-right: 15px; } body.arki-body-front .gdlr-core-container{ max-width: 500px; padding-left: 15px; padding-right: 15px; } .arki-column-10, .arki-column-12, .arki-column-15, .arki-column-20, .arki-column-24, .arki-column-30, .arki-column-36, .arki-column-40, .arki-column-45, .arki-column-48, .arki-column-50, .arki-column-60{ width: 100%; } /* header */ .arki-mobile-header-wrap .arki-top-bar-left, .arki-mobile-header-wrap .arki-top-bar-right{ float: none; text-align: center; } .arki-top-bar-right-text{ display: block; } .arki-top-bar-right-social{ margin-left: 0px; } .arki-top-bar-right-social a:first-child{ margin-left: 0px; } .arki-page-title-wrap .arki-page-title-content{ padding-top: 60px !important; padding-bottom: 50px !important; } .arki-blog-title-wrap .arki-blog-title-content{ padding-top: 60px !important; padding-bottom: 50px !important; } .arki-single-article-date-wrapper{ display: none; } .arki-overlay-menu-content ul.menu > li{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; } .arki-overlay-menu-content ul.menu{ padding-top: 120px; padding-bottom: 100px; max-width: 80%; } .arki-overlay-menu-content .arki-overlay-menu-close{ top: 35px; } body.admin-bar .arki-overlay-menu-content{ margin-top: 0px; } body.admin-bar .arki-overlay-menu-content ul.menu{ padding-top: 160px; } body.admin-bar .arki-overlay-menu-content .arki-overlay-menu-close{ top: 80px; } /* single*/ .arki-comments-area .comment-respond{ padding: 45px 30px; } .arki-comments-area .arki-comment-form-author{ width: 100%; padding-right: 0; } .arki-comments-area .arki-comment-form-email{ width: 100%; padding-left: 0; } .arki-comments-area .comment-avatar{ float: none; margin-right: 0px; margin-bottom: 30px; } .arki-comments-area ol.comment-list ol{ margin-left: 10px; } .wp-block-image .alignleft{ float: none; margin-left: auto; margin-right: auto; } .wp-block-image .alignright{ float: none; margin-left: auto; margin-right: auto; } .arki-blog-style-2 .arki-comments-area .arki-comment-form-author{ width: 100%; padding-right: 0px; } .arki-blog-style-2 .arki-comments-area .arki-comment-form-email{ width: 100%; padding-right: 0px; } .arki-blog-style-2 .arki-comments-area .arki-comment-form-url{ width: 100%; padding-left: 0px; } .arki-blog-style-2 .arki-single-nav-area{ padding-top: 0px; } .arki-blog-style-2 .arki-single-nav-area-left, .arki-blog-style-2 .arki-single-nav-area-right{ float: none; width: 100%; display: block; text-align: center; } .arki-blog-style-2 .arki-single-nav-area a i{ display: none; } .arki-blog-style-2 .arki-single-related-post-container{ max-width: 500px; } .arki-blog-style-4 .gdlr-core-social-share-item .gdlr-core-social-share-count{ margin-right: 0px; } .arki-blog-style-4 .arki-single-nav-left{ float: none; text-align: center; display: block; margin-bottom: 30px; max-width: none; } .arki-blog-style-4 .arki-single-nav-right{ float: none; text-align: center; display: block; max-width: none; } .arki-blog-style-4 .gdlr-core-social-share-item{ float: none; } .arki-blog-style-4 .arki-single-magazine-author-tags{ float: none; margin-top: 30px; text-align: center; } .arki-blog-style-4 .arki-comments-area .arki-comment-form-author, .arki-blog-style-4 .arki-comments-area .arki-comment-form-email, .arki-blog-style-4 .arki-comment-form-url{ width: 100%; padding-left: 0px; padding-right: 0px; } .arki-blog-style-4 .arki-single-author .arki-single-author-avartar{ float: none; max-width: 90px; margin: 0px auto 30px; } .arki-blog-style-4 .arki-single-author-content-wrap{ text-align: center; } /* footer */ .arki-footer-wrapper{ padding-bottom: 7px; } .arki-footer-column{ margin-bottom: 60px; } .arki-footer-wrapper.arki-with-column-divider .arki-footer-column{ padding: 0px 15px; margin-bottom: 60px; border: none; } .arki-footer-wrapper.arki-with-column-divider .arki-footer-column:last-child{ margin-bottom: 20px; } .arki-fixed-footer-placeholder{ display: none; } .arki-fixed-footer{ position: static; } .arki-copyright-left, .arki-copyright-right{ float: none; text-align: center; } body .woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; float: none; margin-right: 0%; } body div#order_review{ width: 100%; } } /*--- mobile portrait style ---*/ @media only screen and (max-width: 419px){ body{ min-width: 320px; } .arki-top-search-wrap input.search-field{ font-size: 30px; padding-right: 90px; } .arki-top-search-wrap .arki-top-search-submit{ right: 48px; font-size: 24px; margin-top: -2px; } .arki-top-search-wrap input.search-submit{ right: 48px; } .arki-top-search-wrap .arki-top-search-close{ font-size: 40px; top: 0; } .arki-top-search-wrap input.search-field{ padding-bottom: 10px; } .arki-top-cart-item .arki-top-cart-item-content{ overflow: hidden; clear: both; } .arki-top-cart-item .arki-top-cart-item-thumbnail{ margin-bottom: 7px; } .arki-top-cart-item .arki-top-cart-item-remove{ top: 1%; } } /** * 7.0 - Arki */ /*------------------------*/ /*--- arki lightbox ---*/ /*------------------------*/ .arki-lightbox-wrapper{ background: #000; background: rgba(0, 0, 0, 0.78); position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 10001; overflow: auto; } .arki-lightbox-wrapper .arki-lightbox-content-row{ display: table; width: 100%; height: 100%; position: relative; z-index: 10003; } .arki-lightbox-wrapper .arki-lightbox-content-cell{ display: table-cell; vertical-align: middle; padding: 20px; overflow-y: auto; } .arki-lightbox-content-wrap{ display: none; background: #fff; } .arki-lightbox-wrapper .arki-lightbox-content-wrap{ display: block; max-width: 835px; margin: 0px auto; } .arki-lightbox-wrapper .arki-lightbox-title{ color: #0e0e0e; font-size: 14px; text-align: center; margin-bottom: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; } .arki-lightbox-wrapper .arki-lightbox-head{ position: relative; padding-bottom: 24px; border-bottom-width: 2px; border-bottom-style: solid; margin-bottom: 45px; } .arki-lightbox-wrapper .arki-lightbox-content-wrap{ padding: 30px; overflow: hidden; position: relative; } .arki-lightbox-wrapper .arki-lightbox-close{ cursor: pointer; font-size: 25px; line-height: 25px; position: absolute; right: 20px; top: 20px; } html.arki-lightbox-on, html.arki-lightbox-on body{ position: relative; overflow: hidden; width: 100%; height: 100%; } .arki-top-cart-content-wrap .arki-top-cart-title{ font-size: 17px; font-weight: 600; text-align: center; margin-top: 22px; margin-bottom: 45px; } .arki-top-cart-item{ margin-bottom: 35px; position: relative; } .arki-top-cart-item .arki-top-cart-item-thumbnail{ max-width: 78px; float: left; margin-right: 28px; } .arki-top-cart-item .arki-top-cart-item-content{ overflow: hidden; padding-top: 8px; } .arki-top-cart-item .arki-top-cart-item-title{ font-size: 17px; font-weight: 800; margin-bottom: 2px; } .arki-top-cart-item .arki-top-cart-item-info{ font-size: 15px; } .arki-top-cart-item .arki-top-cart-item-remove{ position: absolute; right: 0px; top: 50%; margin-top: -9px; font-size: 17px; cursor: pointer; } .arki-top-cart-item-wrap{ margin: 0px 30px; } .arki-top-cart-item-wrap .arki-top-cart-item-divider{ margin: 38px 0px 30px; border-bottom-width: 1px; border-bottom-style: solid; } .arki-top-cart-item-wrap .arki-top-cart-price-wrap{ font-size: 17px; } .arki-top-cart-item-wrap .arki-top-cart-price-wrap .arki-tail{ font-weight: 800; margin-left: 10px; } .arki-top-cart-button-wrap .arki-button{ margin: 0px 6px 20px; } .arki-top-cart-content-wrap .arki-highlight, .arki-top-cart-item-wrap .arki-top-cart-price-wrap .woocommerce-Price-amount.amount{ color: #fd2e2e; } /*-------------------*/ /*--- wpml ---*/ /*-------------------*/ ul.sf-menu > .menu-item-language img.iclflag{ vertical-align: baseline; margin-right: 10px; } ul.sf-menu > .menu-item-language ul.submenu-languages{ display: none; position: absolute; z-index: 99; list-style: none; margin: 0px 0px 0px -15px; } ul.sf-menu > .menu-item-language li{ padding: 1px 11px; } ul.sf-menu > .menu-item-language li a{ padding: 6px 12px; display: block; } ul.sf-menu > .menu-item-language li:first-child{ padding-top: 12px; } ul.sf-menu > .menu-item-language li:last-child{ padding-bottom: 12px; } .arki-custom-wpml-flag{ margin-right: 26px; } .arki-custom-wpml-flag .arki-custom-wpml-flag-item{ margin-left: 20px; } .arki-custom-wpml-flag .arki-custom-wpml-flag-item:first-child{ margin-left: 0px; } .arki-dropdown-wpml-flag{ position: relative; padding-top: 19px; padding-bottom: 19px; } .arki-dropdown-wpml-flag .arki-dropdown-wpml-flag-background{ position: absolute; top: 0px; bottom: 0px; left: -27px; right: 0px; } .arki-dropdown-wpml-flag .arki-dropdown-wpml-current-language{ font-weight: bold; } .arki-dropdown-wpml-flag .arki-dropdown-wpml-list{ position: absolute; left: -27px; min-width: 120px; top: 100%; z-index: 99; padding: 10px 18px; display: none; } .arki-dropdown-wpml-flag .arki-dropdown-wpml-item{ display: block; white-space: nowrap; } .arki-dropdown-wpml-flag .arki-dropdown-wpml-current-language{ margin-right: 25px; position: relative; } .arki-dropdown-wpml-current-language:after{ content: "\f0d7"; font-family: fontAwesome; margin-left: 12px; font-size: 12px; } .gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-head-wrap, .arki-dropdown-wpml-flag .arki-dropdown-wpml-list{ background: #f3f3f3; } /*-------------------*/ /*--- wpcf7 ---*/ /*-------------------*/ .arki-body span.wpcf7-not-valid-tip{ font-size: 13px; margin-bottom: 15px; margin-top: 12px; } .arki-body div.wpcf7-response-output{ font-size: 13px; padding: 6px 20px; clear: both; margin: 0px; } .wpcf7 input, .wpcf7 select{ font-size: 15px; padding: 15px 22px; width: 100%; display: block; } .wpcf7 input[type="button"], .wpcf7 input[type="submit"], input[type="reset"]{ width: auto; } .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"]{ width: auto; display: inline; } .wpcf7 .wpcf7-form-control .wpcf7-list-item{ display: block; margin-bottom: 5px; } .wpcf7 textarea{ font-size: 15px; padding: 18px 22px; height: 120px; width: 100%; } /*-------------------*/ /*--- woocommerce ---*/ /*-------------------*/ /* style */ figure.woocommerce-product-gallery__wrapper{ max-width: none; } body.woocommerce .woocommerce-error, body.woocommerce .woocommerce-info, body.woocommerce .woocommerce-message{ padding: 0.7em 2em 1em 3.5em !important; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{ padding: 0.7em 2em 1em 3.5em !important; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before{ top: 0.7em; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button{ margin-top: 5px; padding: 0; background-color: transparent; } .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover{ background-color: transparent; } .woocommerce div.product form.cart .variations td.label{ padding-right: 1.3em; padding-left: 1.3em; } .woocommerce div.product form.cart .variations td.value, .woocommerce div.product form.cart .variations th.value{ min-width: 210px; } .woocommerce div.product form.cart .variations select{ float: left; margin-top: 0.3em; margin-left: 15px; margin-right: 0px; } a.reset_variations{ margin-right: 15px; margin-left: 7px; } .woocommerce div.product form.cart .variations select{ min-width: 59%; } .related.products h2{ font-size: 23px; margin-bottom: 42px; } .woocommerce table.shop_attributes th{ background: transparent; padding-top: 16px; padding-bottom: 16px; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th{ border-bottom: 0; } .woocommerce table.shop_attributes{ border-top: 0; } .single-product.woocommerce #review_form #respond p.comment-form-comment{ margin-bottom: 25px; } .woocommerce table.shop_table{ border: 0; } .woocommerce table.shop_table.shop_table_responsive.cart{ border-spacing: 0; } .woocommerce table.shop_table th{ padding: 17px 12px; background: none; } .woocommerce table.shop_table.shop_table_responsive.cart tr:nth-child(odd), .woocommerce table.shop_table.shop_table_responsive.cart tr:nth-child(even){ background-color: transparent; } .woocommerce table.shop_table td{ padding: 19px 20px; } .woocommerce-cart table.cart img{ width: 70px; } .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt{ margin-bottom: 0; } .woocommerce a.remove{ width: auto; } .cart_item input.input-text.qty.text{ padding: 15px 0px 15px 10px; border-bottom-width: 1px; } .woocommerce-cart table.cart td.actions .coupon .input-text{ padding: 15px 17px 15px; height: 49px; } .woocommerce .cart input.button[name="apply_coupon"] { height: 49px; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 180px; } .woocommerce .cart .button, .woocommerce .cart input.button{ padding: 19px 20px 18px; border-radius: 0; font-size: 12px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ padding: 14px 24px 18px; border-radius: 0; font-size: 13px; font-weight: 700; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ padding: inherit; opacity: inherit; padding-left: 23px; padding-right: 23px; } .woocommerce .cart_totals h2{ font-size: 18px; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th{ border-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals table{ border-spacing: 0; margin: 0; } .woocommerce-cart .wc-proceed-to-checkout{ padding: 0; } .woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th{ padding-left: 20px; padding-right: 20px; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th{ padding-left: 20px; padding-right: 20px; } .woocommerce a.showcoupon, .woocommerce a.showcoupon:hover{ margin-left: 20px; color: #baf2ff; } .woocommerce .woocommerce-billing-fields h3, .woocommerce .woocommerce-shipping-fields h3, #order_review_heading{ font-size: 17px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ padding: 13px 15px; border-bottom-width: 1px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{ margin-bottom: 35px; } .woocommerce .col2-set, .woocommerce-page .col2-set { width: 47%; float: left; margin-right: 3%; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{ width: 100%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ width: 100%; } div#order_review{ float: left; width: 50%; } .woocommerce form .form-row{ margin: 0 0 14px; } .woocommerce form p.form-row.form-row-first{ margin: 0; } .select2-container .select2-choice { padding: 6px 1px 6px 13px; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{ width: 49%; } .shop_table.woocommerce-checkout-review-order-table{ border-spacing: 0px; } .woocommerce table.shop_table th{ padding: 17px 20px 17px 20px; } .woocommerce .cart_item td.product-total{ padding-right: 20px; padding-left: 20px; } .woocommerce .cart_item td.product-name{ padding-left: 20px; } .woocommerce table.shop_table td{ padding-right: 20px; } .checkout_coupon .form-row.form-row-last{ margin-bottom: 0; } table tr.cart_item{ background: transparent; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ font-size: 13px; } html .woocommerce a.remove{ border-radius: 100%; color: #333 !important; } .woocommerce-checkout table tr.cart_item{ background: transparent; } li.woocommerce-MyAccount-navigation-link { padding: 13px 0px; padding-bottom: 13px; border-bottom-width: 1px; border-bottom-style: solid; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 28%; } li.woocommerce-MyAccount-navigation-link.is-active { font-weight: 600; } header.woocommerce-Address-title.title h3 { font-size: 18px; } .woocommerce-Address address { padding: 25px;} .u-columns.woocommerce-Addresses.col2-set.addresses { width: 100%; margin-bottom: 40px; } .woocommerce-account .woocommerce-MyAccount-content { padding: 31px; } .woocommerce-Address address, .woocommerce-account .woocommerce-MyAccount-content { background: #f5f5f5; } .woocommerce form .select2-selection{ border-width: 1px; border-style: solid; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: 43px; padding: 7px 6px; font-size: 13px; } .woocommerce form .select2-selection .select2-selection__arrow{ top: 8px; right: 6px; } form.checkout:after{ content: " "; clear: both; display: block; } .woocommerce div.product form.cart .variations label{ white-space: nowrap; } .woocommerce div.product form.cart .reset_variations{ white-space: nowrap; margin: 0px 5px; } /*-- Widget --*/ .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt { margin-bottom: 0em; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { padding-left: 0; border-left: 0; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 15px; } .woocommerce .widget_shopping_cart .cart_list li:last-child, .woocommerce.widget_shopping_cart .cart_list li:last-child { margin-bottom: 15px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 0; font-size: 17px; } .widget_shopping_cart_content .total span.woocommerce-Price-amount.amount { margin-left: 5px;} .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 47px;} .widget_shopping_cart a.button.wc-forward { padding: 19px 28px; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce .widget_price_filter .price_slider_amount .button { float: left; font-size: 14px; padding: 16px 26px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .price_slider_amount .price_label { margin-top: 24px; font-size: 17px; font-weight: 700; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 15px 0; border-bottom-style: solid; border-bottom-width: 1px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 15px 0; margin: 0; list-style: none; border-bottom-style: solid; border-bottom-width: 1px; } html ul.cart_list li a, html .woocommerce ul.product_list_widget li a { font-weight: 400; } html .woocommerce ul.cart_list li a, html .woocommerce ul.product_list_widget li a { font-weight: 500; } html .woocommerce ul.cart_list li .star-rating{ float: left; margin-top: 10px; } html .woocommerce ul.product_list_widget li .star-rating { float: left; margin-top: 3px; margin-right: 10px; } html .woocommerce ul.product_list_widget li del{ margin-right: 10px; } html .product_list_widget span.reviewer { margin-top: 4px; margin-left: 12px; float: left; } html .widget_product_search label.screen-reader-text { display: none; } html .widget_product_search input[type="submit"]{ height: 47px; } html .widget_product_search input#woocommerce-product-search-field { height: 47px; padding: 14px 12px; border-bottom-width: 1px; width: 62%; font-size: 13px; } .widget.woocommerce ul.cart_list li:first-child, .widget.woocommerce ul.product_list_widget li:first-child{ padding-top: 0px; } /*-- Fixed Color --*/ .woocommerce .woocommerce-message:before { color: #fff; } .woocommerce .woocommerce-error{ background-color: #bd584e; border-top: 3px solid #bd584e; color: #fff; } .woocommerce .woocommerce-info{ background-color: #46a5ca; border-top: 3px solid #46a5ca; color: #fff; } .woocommerce .woocommerce-message{ background-color: #46ca7b; border-top: 3px solid #46ca7b; color: #fff; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ color: #ffffff; } .single-product.woocommerce div.product .quantity .qty{ background: #f3f3f3; } .woocommerce .woocommerce-info:before{ color: #fff } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before{ color: #fff !important; top: inherit; } html .woocommerce a.remove:hover { color: #afafaf !important; background: transparent !important;} html .woocommerce form .form-row .required { color: #c5c5c5; } html .woocommerce form .form-row.woocommerce-invalid .select2-container, html .woocommerce form .form-row.woocommerce-invalid input.input-text, html .woocommerce form .form-row.woocommerce-invalid select { border-color: #d4d4d4; } html .woocommerce form .form-row.woocommerce-invalid label { color: #9e9e9e; } html .woocommerce form .form-row.woocommerce-validated .select2-container, html .woocommerce form .form-row.woocommerce-validated input.input-text, html .woocommerce form .form-row.woocommerce-validated select { border-color: #d4d4d4; } /* single product */ html .woocommerce span.onsale{ font-size: 13px; font-weight: 800; line-height: 46px; width: 48px; padding: 0px 0px 0px; height: 48px; } .single-product.woocommerce .arki-page-wrapper{ border-top-width: 1px; border-top-style: solid; } .single-product.woocommerce .woocommerce-breadcrumb{ font-size: 14px; } .single-product.woocommerce .product_title{ font-size: 40px; margin-bottom: 2px; } .single-product.woocommerce div.product .woocommerce-product-rating{ margin-bottom: 2px; } .single-product.woocommerce div.product .star-rating{ font-size: 14px; padding-right: 15px; box-sizing: content-box; margin-right: 10px; } .single-product.woocommerce div.product .star-rating:before, .single-product.woocommerce div.product .star-rating span:before{ letter-spacing: 3px; } .single-product.woocommerce div.product .woocommerce-review-link{ font-size: 13px; } .single-product.woocommerce div.product p.price{ padding-top: 27px; margin-bottom: 28px; } .single-product.woocommerce div.product p.price ins{ text-decoration: none; } .single-product.woocommerce div.product p.price .woocommerce-Price-amount{ font-size: 26px; font-weight: bold; } .single-product.woocommerce div.product p.price del .woocommerce-Price-amount{ font-size: 23px; margin-right: 9px; } .single-product.woocommerce div.product span.onsale{ position: absolute; left: -10px; top: -10px; display: inline-block; margin-right: 15px; vertical-align: middle; } .single-product.woocommerce div.product .quantity .qty{ height: 60px; font-size: 16px; width: 75px; padding-left: 15px; border: none; } .single-product.woocommerce div.product form.cart{ margin: 25px 0px 55px 0px; } .single-product.woocommerce div.product form.cart.variations_form{ width: 300px; } .single-product.woocommerce div.product form.cart .button { font-size: 13px; height: 60px; text-transform: uppercase; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 10px 30px; } .single-product.woocommerce div.product .product_meta{ margin-top: 50px; } .single-product.woocommerce div.product .product_meta{ overflow: hidden; padding-top: 5px; } .single-product.woocommerce div.product .product_meta > span{ display: block; font-size: 13px; margin-bottom: 5px; } .single-product.woocommerce div.product .product_meta > span .arki-head{ font-weight: 600; } .single-product.woocommerce div.product .woocommerce-variation-add-to-cart-disabled{ display: none; } .single-product.woocommerce div.product .arki-woocommerce-social-share{ clear: both; padding-top: 15px; margin-top: 50px; border-top-width: 2px; border-top-style: solid; } .single-product.woocommerce div.product .gdlr-core-social-share-item a{ font-size: 14px; } .arki-woocommerce-tab{ clear: both; } .single-product.woocommerce div.product .arki-woocommerce-tab{ clear: both; padding-top: 60px; margin-bottom: 50px; } .single-product.woocommerce div.product .arki-woocommerce-tab .gdlr-core-tab-item-title{ font-size: 16px; text-transform: none; letter-spacing: 0px; font-weight: 600; padding-bottom: 18px; } .single-product.woocommerce div.product .arki-woocommerce-tab .gdlr-core-tab-item-title-line{ border-bottom-width: 1px; bottom: -1px; } .single-product.woocommerce div.product .arki-woocommerce-tab .gdlr-core-tab-item-title-wrap{ border-bottom-width: 1px; } .single-product.woocommerce div.product .arki-woocommerce-tab .gdlr-core-tab-item-content{ text-align: left; margin: 0px auto; } .single-product.woocommerce .woocommerce-Reviews-title{ display: none; } .single-product.woocommerce #reviews{ padding-top: 43px; } .single-product.woocommerce #reviews .comment-respond{ text-align: left; } .single-product.woocommerce #reviews #comments ol.commentlist li img.avatar{ border: none; width: 85px; position: static; padding: 0px; border-radius: 50%; margin-right: 30px; } .single-product.woocommerce #reviews #comments ol.commentlist li .comment-text{ overflow: hidden; margin-left: 0px; padding: 0; border: none; text-align: left; } .single-product.woocommerce #reviews #comments ol.commentlist li{ padding: 39px 49px; margin-bottom: 30px; } .single-product.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin-bottom: 18px; } .single-product.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong[itemprop="author"]{ display: block; font-size: 17px; text-transform: capitalize; } .single-product.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time[itemprop="datePublished"]{ display: block; font-size: 15px; } .single-product.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{ float: none; margin-top: 24px; } .single-product.woocommerce #reviews #review_form_wrapper{ padding-top: 35px; } .single-product.woocommerce #reviews .comment-reply-title{ font-size: 25px; font-weight: 700; letter-spacing: 0; margin-bottom: 25px; display: block; } .single-product.woocommerce #review_form #respond label{ font-size: 15px;font-weight: 600; } .single-product.woocommerce #review_form #respond p{ margin-bottom: 30px; } .single-product.woocommerce #review_form #respond label[for="rating"]{ display: inline-block; margin-right: 30px; vertical-align: middle; } .single-product.woocommerce #review_form #respond p.stars{ display: inline-block; vertical-align: middle; margin-bottom: 0px; font-size: 19px; line-height: 1; } .single-product.woocommerce #review_form #respond p.stars a{ margin-right: 0px; } .single-product.woocommerce #review_form #respond input[type="text"], .single-product.woocommerce #review_form #respond input[type="email"]{ display: block; margin-top: 10px; border-bottom-width: 1px; width: 100%; height: 55px; } .single-product.woocommerce #review_form #respond textarea{ display: block; margin-top: 10px; border-bottom-width: 1px; width: 100%; height: 150px; padding: 15px; font-size: 15px; } .single-product.woocommerce #review_form #respond .comment-form-rating{ margin-bottom: 20px; } .single-product.woocommerce #review_form #respond .form-submit input{ font-size: 13px; height: 47px; text-transform: uppercase; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 10px 38px; } .woocommerce.single-product .related.products{ clear: left; } .woocommerce-account .woocommerce-MyAccount-navigation > ul{ margin-left: 0px; } @media only screen and (max-width: 767px){ .woocommerce-account .woocommerce-MyAccount-navigation { width: auto; float: none; } } .woocommerce div.product form.cart .group_table td { padding: 0px; vertical-align: middle; } table.woocommerce-grouped-product-list.group_table tr:nth-child(odd), table.woocommerce-grouped-product-list.group_table tr:nth-child(even){ background-color: transparent; } body.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label{ padding-left: 25px; font-weight: 700; text-align: left; } td.woocommerce-grouped-product-list-item__price{ text-align: left; font-weight: 600; } .single-product.woocommerce div.product .quantity .qty{ height: 48px; font-size: 16px; width: 87px; background: transparent !important; border: 1px solid #e5e5e5; } table.woocommerce-grouped-product-list.group_table{ border-spacing: 0px 15px; } .single-product.woocommerce div.product form.cart .button{ height: 47px; padding: 10px 40px; } .single-product.woocommerce div.product p.price{ font-size: 32px !important; color: #bbb; } .single-product.woocommerce div.product p.price{ margin-bottom: 0px; } .single-product.woocommerce div.product p.price{ padding-top: 20px; } .single-product.woocommerce div.product form.cart{ margin: 25px 0px 30px 0px; } .single-product.woocommerce div.product .product_meta{ margin-top: 30px; } .single-product.woocommerce div.product .logisco-woocommerce-social-share{ clear: both; padding-top: 15px; margin-top: 30px; } .single-product.woocommerce div.product .product_meta>span { font-size: 15px; } .woocommerce .cart_totals h2{ font-size: 20px; } .woocommerce .cross-sells h2{ font-size: 20px; } .woocommerce table.cart td.actions{ padding-left: 0; padding-right: 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ font-size: 15px; padding: 21px; } .woocommerce .cart .button, .woocommerce .cart input.button{ padding: 17px 20px 20px; } .woocommerce .woocommerce-result-count{ margin-bottom: 3em; } .woocommerce .woocommerce-result-count{ margin-bottom: 3em; } .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: 1.4em; } body .price ins{ text-decoration: none; } .woocommerce ul.products li.product .price ins{ font-weight: 800; } body span.woocommerce-Price-amount.amount{ font-size: 18px; } .woocommerce ul.products li.product .price{ font-weight: 800; } del span.woocommerce-Price-amount.amount{ font-size: 1.1em; font-weight: 600; } li.product .gdlr-core-product-default .gdlr-core-product-thumbnail{ margin-bottom: 30px; } li.product .gdlr-core-product-default .gdlr-core-product-price.gdlr-core-title-font { font-size: 18px; font-weight: 700; text-align: center; } li.product .gdlr-core-product-default span.woocommerce-Price-amount.amount { font-size: 1em; } li.product .gdlr-core-product-default .star-rating { margin-top: 8px; } li.product .gdlr-core-product-default .gdlr-core-product-price del{ margin-right: 9px; opacity: 0.5; } li.product .gdlr-core-product-default .gdlr-core-product-price ins{ text-decoration: none; } .woocommerce ul.products li.product .gdlr-core-product-default h3{ font-size: 20px; margin-bottom: 8px; font-weight: 800; text-align: center; padding-top: 5px; padding-bottom: 0px; } .woocommerce ul.products li.product .gdlr-core-product-default h3 a{ color: #0c0c0c; } .woocommerce ul.products li.product .gdlr-core-product-default h3 a:hover{ color: #d32525; } .woocommerce ul.products li.product .gdlr-core-product-default .button{ font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 0px; background: transparent; margin-top: 0px; } .woocommerce ul.products li.product .gdlr-core-product-default img{ margin-bottom: 0px; } .woocommerce.single-product .related.products li.product{ position: relative; } .woocommerce.single-product .related.products .onsale{ position: absolute; left: -10px; top: -10px; margin: 0; } .woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce{ margin-bottom: 70px; } .arki-body.woocommerce nav.woocommerce-pagination{ text-align: right; margin-bottom: 30px; } .arki-body.woocommerce nav.woocommerce-pagination ul{ margin: 0px; border: 0px; } .arki-body.woocommerce nav.woocommerce-pagination ul li{ border: 0px; } .arki-body.woocommerce nav.woocommerce-pagination ul li span, .arki-body.woocommerce nav.woocommerce-pagination ul li a{ font-size: 14px; font-weight: bold; margin-right: 3px; padding: 9px 14px; line-height: 1.7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width: 46%; } /*-----------------*/ /*--- superfish ---*/ /*-----------------*/ /* top level */ .sf-menu{ list-style: none; margin-left: 0px; } .sf-menu > li{ float: left; cursor: pointer; } .sf-menu > li > a{ display: block; text-decoration: none; position: relative; z-index: 9; } /* normal menu */ .sf-menu > .arki-normal-menu ul{ list-style: none; position: absolute; display: none; z-index: 99; min-width: 220px; } .sf-menu > .arki-normal-menu ul{ margin-left: 0px; } .sf-menu > .arki-normal-menu ul ul{ margin-left: 0px; } .sf-menu > .arki-normal-menu.sfHover > ul, .sf-menu > .arki-normal-menu.sfHover > ul:hover, .sf-menu > .arki-normal-menu li.sfHover > ul{ display: block; } .sf-menu > .arki-normal-menu ul ul{ top: 0px; left: 100%; } .sf-menu > .arki-normal-menu ul.arki-menu-right{ right: 0px; } .sf-menu > .arki-normal-menu ul ul.sub-menu-right{ left: auto; right: 100%; } .sf-menu > .arki-normal-menu ul ul.sub-menu-left{ right: auto; left: 100%; } .sf-menu > .arki-normal-menu li{ position: relative; white-space: nowrap; } .sf-menu > .arki-normal-menu li a{ text-decoration: none; } .sf-menu > .arki-normal-menu li > a.sf-with-ul-pre{} .sf-menu > .arki-normal-menu li > a.sf-with-ul-pre:after{ content: '>'; } /* mega menu */ .sf-menu > .arki-mega-menu .sf-mega{ position: absolute; display: none; z-index: 99;} .sf-menu > .arki-mega-menu.sfHover .sf-mega, .sf-menu > .arki-mega-menu.sfHover .sf-mega:hover{ display: block; } .sf-menu > .arki-mega-menu .sf-mega-section-inner a{ text-decoration: none; } .sf-menu > .arki-mega-menu .sf-mega-section-inner ul{ list-style: none; margin-left: 0px; margin-bottom: 0px; } /* vertical menu */ .sf-vertical{ list-style: none; margin-left: 0px; left: 100%; top: 0; margin-bottom: 0px; } .sf-vertical li{ position: relative; } .sf-vertical ul.sub-menu{ list-style: none; position: absolute; display: none; left: 100%; top: 0px; z-index: 9; min-width: 190px; } .sf-vertical ul.sub-menu li{ white-space: nowrap; } .gdlr-core-nav-side-text{ display: none; } .gdlr-core-custom-menu-widget .gdlr-core-nav-side-text{ display: inline; margin-left: 10px; } .gdlr-core-custom-menu-widget .gdlr-core-nav-side-text.gdlr-core-with-bg{ display: inline-block; padding: 1px 6px; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* woocommerce category */ .products > li.product-category{ float: left; padding: 20px; list-style: none; } .products > li.product-category.first{ clear: left; } .products > li.product-category h2{ font-size: 15px; text-align: center; } .products.columns-2 > li.product-category{ width: 50%; } .products.columns-3 > li.product-category{ width: 33.33%; } .products.columns-4 > li.product-category{ width: 25%; } .products.columns-5 > li.product-category{ width: 20%; } @media only screen and (max-width: 767px){ .products > li.product-category.product{ width: 50%; } .products > li.product-category.first{ clear: none; } .products > li.product-category:nth-child(2n+1){ clear: left; } } /* timetable */ .mptt-shortcode-wrapper .mptt-shortcode-table { table-layout: fixed; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot{ font-size: 15px; font-weight: 800; line-height: 22px; } .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th{ padding: 22px 10px; font-weight: 700; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title{ font-size: 15px; font-weight: 700; margin-top: 25px; } .arki-body select.mptt-navigation-select{ width: 250px; border: 0px; background: none; border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 10px; font-size: 15px; font-weight: 700; margin-bottom: 30px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .arki-body select.mptt-navigation-select:focus{ outline: none; } /* float social */ .arki-float-social{ position: fixed; z-index: 999; right: 50px; top: 50%; white-space: nowrap; transform: translate(50%, 0) rotate(270deg); transform-origin: 50% 50%; } .arki-float-social a{ margin-right: 24px; } .arki-float-social a:last-child{ margin-right: 0px; } .arki-float-social.arki-display-after-title{ opacity: 0; } .arki-float-social .arki-divider{ width: 8px; border-top-width: 1px; border-top-style: solid; display: inline-block; margin: 0px 24px 0.2em; } .arki-float-social, .arki-float-social .arki-float-social-icon{ color: #fff; } .arki-float-social .arki-float-social-icon:hover{ color: #fff; } @media only screen and (max-width: 1400px){ .arki-float-social{ display: none !important; } } .arki-footer-wrapper .widget_calendar table tbody td { background: #222222; } .arki-footer-wrapper, .arki-footer-wrapper * { border-color: #333333; }