@charset "UTF-8";
/* Themify Ultra 7.3.8 framework 7.3.5 */
/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;inset:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain}
/*/css/themify.common.css*/
iframe{
border:0
}
a{
cursor:pointer
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
outline:none
}
.tf_large_font{
font-size:1.1em
}
.screen-reader-text{
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal!important
}
.screen-reader-text:focus{
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
clip:auto!important;
color:#21759b;
display:block;
font-size:.875rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
.skip-to-content:focus{
clip-path:none
}
.post-image .themify_lightbox{
position:relative;
display:block;
max-width:100%
}
.post-image .themify_lightbox .zoom{
width:35px;
height:35px;
background:rgba(0,0,0,.3);
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
vertical-align:middle;
color:#fff;
stroke-width:1px;
line-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.post-image .themify_lightbox:hover .zoom{
background:rgba(0,0,0,.6)
}
.pswp:not(.pswp--open){display:none}
.ptb_map button,
.themify_map button{
border-radius:0
}
/*/css/modules/search-form.css*/
.tf_s_dropdown input[type="text"]{
background-color:#fff;
color:#000;
margin:0;
width:auto;
height:auto;
max-width:100%;
min-width:auto;
min-height:auto;
display:inline-block;
box-shadow:none
}
.tf_search_icon{
padding:9px 11px 10px;
border-radius:50em;
cursor:pointer;
line-height:normal
}
.tf_search_icon:hover{
background:rgba(150,150,150,.15)
}
.tf_icon_wrap{
position:absolute;
top:50%;
transform:translateY(-50%);
left:2px;
font-size:1.2em;
line-height:1
}
.tf_icon_wrap + input[type="text"],
.tf_icon_wrap + .tf_loader + input[type="text"]{
padding-left:2.2em
}
.tf_s_dropdown .tf_icon_wrap{
left:12px
}
/*/wp-content/themes/themify-ultra/styles/modules/search-form.css*/
#searchform{
font-size:1.2em;
border-bottom:1px solid;
margin:0
}
#searchform #s{
background-color:transparent;
border:0;
margin:0;
width:100%;
max-width:none;
padding: .45em .45em .45em 1.75em;
letter-spacing:-.04em;
box-shadow:none;
border-radius:0
}
/* Rounded BG searchform */
#headerwrap #searchform-wrap{
display:inline-block;
vertical-align:middle;
margin-left:4px
}
#headerwrap #searchform{
width:40px;
height:40px;
border:0;
font-size:1em
}
.tf_s_dropdown #searchform .tf_icon_wrap{
left:0
}
#headerwrap #searchform #s{
border-radius:5em;
padding:6px 15px 6px 40px;
width:1px;
height:40px;
position:absolute;
right:-2px;
z-index:2;
transition:width .7s,background .7s
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover ~ #s,
#headerwrap #searchform .tf_fa:hover + #s{
width:140px;
background-color:#eee
}
#headerwrap #searchform .tf_fa{
font-size:16px;
background-color:#eee;
color:#000;
border-radius:100%;
padding:12px;
z-index:1;
line-height:1.2em;
margin:0;
text-align:center;
left:0;
top:50%
}
.fixed-header-on #headerwrap #searchform-wrap{
display:none
}
/*/wp-content/themes/themify-ultra/styles/modules/site-logo.css*/
#site-logo{
margin:.5em auto;
padding:0;
line-height:1.2em;
font-size:1.7em;
font-weight:700;
font-style:normal;
letter-spacing:-.04em;
transition:.2s ease-in-out;
transition-property:color,margin,padding,font-size
}
#site-logo a{
text-decoration:none;
color:inherit
}
#site-logo a:hover{
text-decoration:none
}
.header-block .fixed-header #site-logo{
margin:5px 0 0
}
body:not(.fixed-header-on) #site-logo .tf_sticky_logo,
.fixed-header #site-logo .tf_sticky_logo + img{
display:none
}
/*/wp-content/themes/themify-ultra/styles/modules/site-description.css*/
#site-description{
margin:0 0 1.8em;
padding:0;
font-size:.9em;
line-height:110%;
opacity:.7
}
#site-description p{
padding:0
}
#site-description .site-taglink{
color:inherit;
font:inherit
}
#site-description .site-taglink:hover{
text-decoration:none
}
.fixed-header #site-description{
display:none
}
/*/wp-includes/css/dist/block-library/common.min.css*/
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*/wp-content/themes/themify-ultra/styles/modules/back-top.css*/
.back-top{
margin:0 auto .6em;
width:200px
}
.back-top:not(.back-top-float) .arrow-up a{
text-decoration:none;
display:inline-block;
position:relative;
bottom:0;
padding:.4em;
line-height:1;
z-index:10;
color:inherit;
transition:bottom .5s
}
.back-top:not(.back-top-float):hover .arrow-up a{
bottom:20px
}
.footer-block .back-top:not(.back-top-float) .arrow-up a:hover,
.footer-block .back-top:not(.back-top-float) .arrow-up a{
background:0
}
.back-top a:before{
content:'';
display:inline-block;
width:30px;
height:30px;
border:2px solid transparent;
border-top-color:inherit;
border-left-color:inherit;
transform:rotate(45deg);
margin-top:4px
}
#footer .back-top-float,
#pagewrap .back-top-float{
background-color:var(--theme_accent_semi);
border-radius:100%;
color:#fff;
cursor:pointer;
position:fixed;
inset:auto 20px 20px auto;
width:44px;
height:44px;
overflow:hidden;
text-decoration:none;
text-align:center;
font-size:16px;
opacity:1;
z-index:101;
transition:opacity .2s ease-in-out .2s,transform .2s ease-in-out,background-color .5s;
box-shadow:0 1px 8px rgba(0,0,0,.12)
}
#footer .back-top-hide,
#pagewrap .back-top-hide{
opacity:0;
pointer-events:none;
}
.back-top-float .arrow-up a,
#pagewrap .back-top-float .arrow-up a{
background:0;
color:inherit
}
.back-top-float .arrow-up,
#pagewrap .back-top-float .arrow-up{
position:absolute;
top:5px;
left:50%
}
#pagewrap .back-top-float:hover,
.back-top:not(.back-top-float) .arrow-up a:hover{
background-color:var(--theme_accent)
}
.back-top-float:hover .arrow-up,
#pagewrap .back-top-float:hover .arrow-up{
animation:back-top-arrow-up .25s linear .2s infinite alternate
}
.back-top-float a:before,
#pagewrap .back-top-float a:before{
width:13px;
height:13px;
position:absolute;
top:14px;
left:50%;
margin-left:-7px;
margin-top:0;
border-width:1px
}
.footer-horizontal-left .back-top,
.footer-horizontal-right .back-top,
.footer-left-col .back-top,
.footer-right-col .back-top{
position:absolute;
top:-89px;
width:60px;
margin:0
}
.footer-horizontal-left .back-top .arrow-up a,
.footer-horizontal-right .back-top .arrow-up a,
.footer-left-col .back-top .arrow-up a,
.footer-right-col .back-top .arrow-up a{
background-color:rgba(171,171,171,.78);
color:#fff;
width:60px;
height:25px;
line-height:100%;
padding:10px 0 0;
text-align:center!important;
border-radius:8px 8px 0 0
}
.footer-horizontal-left .back-top a:before,
.footer-horizontal-right .back-top a:before,
.footer-left-col .back-top a:before,
.footer-right-col .back-top a:before{
width:14px;
height:14px
}
.footer-horizontal-left .back-top:hover .arrow-up a,
.footer-horizontal-right .back-top:hover .arrow-up a,
.footer-left-col .back-top:hover .arrow-up a,
.footer-right-col .back-top:hover .arrow-up a{
bottom:0
}
.footer-horizontal-left .back-top .arrow-up:hover a,
.footer-horizontal-right .back-top .arrow-up:hover a,
.footer-left-col .back-top .arrow-up:hover a,
.footer-right-col .back-top .arrow-up:hover a{
background-color:#000
}
@keyframes back-top-arrow-up{
0%{top:0}
100%{top:-5px}
}
@media(max-width:680px){
.footer-horizontal-left .back-top,
.footer-horizontal-right .back-top,
.footer-left-col .back-top,
.footer-right-col .back-top{
top:-70px
}
}
/*/wp-content/themes/themify-ultra/styles/modules/footer.css*/
#footerwrap{
padding:54px 0 2em;
border-top:1px solid rgba(0,0,0,.05);
background-color:#fff
}
#footer{
font-size:.9em
}
/* for layout part inserted in footer */
#footer .footer-widgets .row_inner{
width:auto;
max-width:100%
}
.footer-block #footerwrap{
text-align:center;
position:static
}
.footer-text{
padding:0 0 2em;
line-height:1.8em;
font-size:.85em
}
.footer-widgets .widget{
margin:0 0 1.5em
}
.footer-widgets .widgettitle{
color:inherit;
margin:0 0 1em
}
.main-col,
.section-col{
box-sizing:border-box
}
@media(max-width:1024px){
.footer-widgets .col4-1{
width:48.4%
}
.footer-widgets .col4-1:nth-child(2n+1){
margin-left:0;
clear:left
}
}
@media(max-width:680px){
#footerwrap{
padding-top:35px
}
.footer-widgets .col4-2,
.footer-widgets .col3-1{
margin-left:0;
width:100%;
max-width:100%
}
}
/*/wp-content/themes/themify-ultra/style.css*/
/*!
Theme Name:Themify Ultra
Theme URI:https://themify.me/themes/ultra/
Version:7.3.8
Description:Use Ultra theme to create professional sites quickly and easily (landing pages, portfolio, blog, corporate, ecommerce, and more). It includes a bunch of header/footer layout options and pre-built demos that you can import to your site. Read Ultra documentation for more information.
Author:Themify
Author URI:https://www.themify.me
License:GNU General Public License v2.0
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Copyright:(c) Themify.
Tags:themify,featured-images,translation-ready,custom-menu,sidebar
Text Domain:themify
---------
DO NOT EDIT THIS FILE.
If you need to override theme styling,please add custom CSS in Appearance>Customize>Custom CSS or a child theme (https://themify.me/docs/child-theme).
/************************************************************************************
1. RESET
*************************************************************************************/
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,
dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,
a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,
strong,sub,sup,tt,var,legend,fieldset,figure{
margin:0;
padding:0
}
img,fieldset,a{
border:0
}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
iframe,audio{
max-width:100%
}
/************************************************************************************
2. GENERAL STYLING
*************************************************************************************/
:root{
--theme_accent:#ed1e24;
--theme_accent_semi:rgba(251,9,48,.8);
--theme_accent_hover:#000
}
html{
scroll-behavior:smooth
}
body{
font:1em/1.65em 'Public Sans',"Arial",sans-serif;
overflow-wrap:break-word;
background-color:#fff;
color:#666;
-webkit-font-smoothing:antialiased;
-ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%
}
a{
text-decoration:none;
color:var(--theme_accent);
transition:color .3s ease-in-out
}
a:hover{
color:var(--theme_accent_hover)
}
p{
padding:0;
margin:0 0 1.3em
}
small{
font-size:87%
}
blockquote{
font-size:1.1em;
line-height:1.4em;
padding:.8em 1.4em;
margin:0 5% 1.2em;
border-left:solid 3px rgba(150,150,150,.3)
}
ins{
text-decoration:none
}
/* LIST */
ul,ol{
margin:0 0 1.4em 1.6em;
padding:0
}
li{
margin:0 0 1em;
padding:0
}
/* HEADINGS*/
h1,h2,h3,h4,h5,h6{
line-height:1.4em;
margin:0 0 .5em;
overflow-wrap:normal;
font-weight:600;
color:#000
}
h1{
font-size:2.5em;
line-height:1.2em;
font-weight:700;
letter-spacing:-.03em
}
h2{
font-size:2em;
line-height:1.3em;
letter-spacing:-.02em
}
h3{
font-size:1.45em;
letter-spacing:-.02em
}
h4{
font-size:1.1em;
letter-spacing:.05em;
line-height:1.6em;
text-transform:uppercase
}
h5{
font-size:1.2em;
line-height:1.7em
}
h6{
font-size:1.1em;
line-height:1.7em
}
/* FORM*/
/* form input */
input,textarea,select,input[type=search],button{
font-size:100%;
font-family:inherit;
max-width:100%
}
input:read-write,
input:read-only,
input[type=radio],
input[type=checkbox],
select,
textarea{
background:#fff;
border:1px solid rgba(0,0,0,.2);
padding:.6em;
max-width:100%;
-webkit-appearance:none;
appearance:none;
border-radius:8px
}
input:read-write,
input:read-only{
margin:0 1em .4em 0;
width:17em
}
input[type=number]{
width:7em
}
input[type=checkbox] + label{
display:inline-block
}
textarea{
width:100%;
min-height:13.5em;
margin:0
}
select{
padding-right:30px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke-linecap='round' width='100' height='100' stroke='rgba(40,40,40,.8)' stroke-width='3'%3E%3Cpolyline points='2.7,2.3 49.1,57.2 95.5,2.3 '/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:12px;
background-position:calc(100% - 8px) calc(50% + 3px)
}
input[type=radio],
input[type=checkbox]{
border-radius:6px;
clear:none;
cursor:pointer;
padding:0 2px;
margin:0 .5em 0 0;
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
text-align:center;
line-height:1;
-webkit-appearance:none
}
input[type=radio]{
padding:0;
border-radius:100%;
display:inline-flex;
justify-content:center;
align-items:center
}
input[type="checkbox"]:before{
content:"";
display:inline-block;
width:12px;
height:5px;
margin-bottom:4px;
margin-left:1px;
border-left:1px solid transparent;
border-bottom:1px solid transparent;
transform:rotateZ(-45deg) skewY(-10deg)
}
input[type="checkbox"]:checked:before{
border-left:1px solid;
border-bottom:1px solid
}
input[type="radio"]:checked:before{
content:"";
display:inline-block;
vertical-align:middle;
border-radius:100%;
background-color:#222;
width:12px;
height:12px
}
/* form input:focus */
select:focus,
textarea:focus,
input:read-write:focus,
input:read-only:focus{
border-color:rgba(0,0,0,.5)
}
/* form button */
input[type=reset],input[type=submit],button{
background-color:var(--theme_accent);
color:#fff;
border:0;
padding:.65em 1.4em;
cursor:pointer;
border-radius:30px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.065em;
-webkit-appearance:none;
transition:background .3s,color .3s, transform .3s
}
/* form input:hover */
input[type=reset]:hover,
input[type=submit]:hover,
button:hover{
background-color:var(--theme_accent_hover);
color:#fff;
box-shadow:0 5px 10px rgba(0,0,0,.1);
transform:translateY(-1px)
}
.gm-style-mtc button{
border-radius:0
}
/*3. STRUCTURE*/
img,textarea,input,#main-nav ul a,.sidemenu,.post,.post-content,.author-box,.widget{
box-sizing:border-box
}
/*4. GRID*/
.col4-1,
.col4-2,
.col3-1{
float:left;
margin-left:3.2%
}
.col4-1{
width:22.6%
}
.col4-2{
width:48.4%
}
.col3-1{
width:31.2%
}
.col4-1.first,
.col4-2.first,
.col3-1.first{
margin-left:0;
clear:left
}
/* main page width */
.pagewidth{
width:1160px;
max-width:100%;
margin:0 auto
}
/* content */
#layout{
display:flex;
flex-wrap:wrap
}
#content{
width:71%;
padding:5.75% 0
}
.sidebar-none #content{
width:100%
}
.sidebar-none #layout{
display:block
}
/* sidemenu active */
.sidemenu-active{
position:relative;
transition:left .2s ease-in-out
}
.sidemenu-active,
.sidemenu-active #headerwrap{
left:0
}
.sidemenu-right{
left:-300px
}
.sidemenu-left,
.sidemenu-left #headerwrap{
left:300px
}
/* full_width content */
.full_width #layout{
flex-wrap:wrap;
width:100%;
max-width:100%
}
.full_width #content{
padding:0;
width:100%;
max-width:100%
}
/*5. HEADER*/
#headerwrap{
color:#000;
position:absolute;
background-color:#fff;
border-bottom:1px solid rgba(0,0,0,.05);
min-height:55px;
z-index:999;
top:0;
left:0;
transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out,left .3s ease-in-out,min-height .3s ease-in-out
}
.fixed-header-enabled #headerwrap{
position:-webkit-sticky; /*for safari*/
position:sticky
}
.transparent-header #headerwrap{
position:fixed
}
.transparent-header.no-fixed-header #headerwrap{
position:absolute
}
.no-fixed-header #headerwrap{
position:relative
}
#header{
position:relative;
padding:2em 0;
overflow:visible; /* required to prevent menu dropdown hidden */
z-index:1
}
/* Disable background attachment on iOS devices */
@supports (-webkit-touch-callout:none){
#headerwrap{
background-attachment:scroll!important;
background-position:center!important
}
}
/* header widget */
.header-widget{
font-size:.92em;
height:100%
}
.header-widget .widget{
margin:2em 0
}
.header-widget .widgettitle{
margin:0 0 .5em;
font-size:1em;
color:inherit
}
/* site logo */
/* sticky header logo */
.fixed-header-on .tf_sticky_logo ~ *{
display:none!important
}
/* Search Form */
.search-button{
color:inherit;
padding:9px 10px;
margin: 0 0 0 3px;
line-height:1;
box-sizing:border-box;
font-size:19px;
border-radius:100%
}
.search-button:hover{
background:rgba(200,200,200,.25)
}
a.search-button{
text-decoration:none
}
.search-button:focus{
outline:0
}
/* Moon icon */
.tf_darkmode_toggle{
color:inherit;
padding:10px;
margin: 0 0 0 7px;
line-height:1;
box-sizing:border-box;
font-size:19px;
border-radius:100%;
}
.tf_darkmode .tf_darkmode_toggle,
.tf_darkmode_toggle:hover{
background:rgba(200,200,200,.25);
}
a.tf_darkmode_toggle{
text-decoration:none
}
.tf_darkmode_toggle:focus{
outline:0
}
/* main navigation */
#main-nav{
padding:0;
margin:0
}
#main-nav li{
margin:0;
padding:0;
list-style:none;
position:relative;
display:inline-block
}
#main-nav ul li{
background:0;
float:none;
display:block
}
#main-nav li > .sub-menu{
padding:.6em 0;
margin:0;
position:absolute;
z-index:100;
opacity:0;
left:-.3em;
top:100%;
transform:scale(1,0);
transform-origin:top;
box-sizing:border-box;
transition:transform .3s ease-in-out,opacity .3s ease-in-out;
box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12);
border-radius:8px;
background:#fff;
contain:style layout;
width:210px
}
#main-nav small {
display: block;
}
/* sub-levels dropdown */
#main-nav li .sub-menu .sub-menu{
left:100%;
top:-.65em
}
/* Edge Menu */
#main-nav .edge > .sub-menu{
left:auto;
right:0
}
#main-nav ul .edge > .sub-menu{
left:auto;
right:100%
}
@media (hover:hover){
#main-nav li:hover > .sub-menu,
/* tab keyboard menu nav */
#main-nav li > a:focus + .sub-menu,
#main-nav li > .sub-menu:focus-within{
opacity:1;
transform:scale(1,1)
}
}
.menu-item .child-arrow{
display:none;
cursor:pointer;
z-index:12;
width:36px;
height:36px;
border-radius:100%;
position:absolute;
right:0;
top:4px;
transition:transform .3s
}
.child-arrow:before,
.child-arrow:after{
top:50%;
left:12px;
content:'';
position:absolute;
transition:transform .3s ease-in-out;
height:1px;
width:8px;
transform:rotate(45deg);
background:currentColor;
z-index:9999;
border-radius:10px
}
.child-arrow:after{
left:17px;
transform:rotate(-45deg)
}
.toggle-on > a .child-arrow:after,
.toggle-on > a .child-arrow:before{
left:10px;
width:15px
}
.toggle-on > a .child-arrow{
transform:rotateZ(180deg)
}
@media (hover:none){
#main-nav .menu-item-has-children > a{
padding-right:45px
}
#footer-nav .menu-item-has-children > a{
padding-right:30px
}
.menu-item .child-arrow{
margin-left:7px;
border-radius:100%;
display:inline-block;
padding:0;
right:5px;
top:50%;
margin-top:-17px
}
#main-nav .toggle-on > a > .child-arrow{
background:rgba(214,214,214,.4)
}
#main-nav li > .sub-menu{
display:none
}
#main-nav li.toggle-on > .sub-menu{
transform:scale(1,1);
opacity:1
}
}
#main-nav a{
color:inherit;
display:block;
position:relative;
padding:.6em;
margin:0;
text-decoration:none;
transition:color .2s ease-in-out
}
/* highlight link */
#main-nav .highlight-link > a{
border:0;
background-color:rgba(200,200,200,.25);
color:#000;
padding:.3em 1em;
margin-left:.6em;
margin-right:.6em;
border-radius:30px
}
#main-nav .highlight-link:last-child > a{
margin-right:0
}
/* user menu icon */
#main-nav a > em .tf_fa{
margin-right:5px
}
#main-nav a .tf_lazy{
display:none
}
/* dropdown link */
#main-nav ul a{
padding:.4em 1.4em;
text-align:left
}
#main-nav ul a{
color:#353535
}
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#main-nav ul a:hover{
color:var(--theme_accent)
}
.header-icons a,
.header-icons a:hover{
color:inherit;
text-decoration:none
}
#headerwrap .header-icons > *{
vertical-align:middle
}
.slide-cart .header-icons{
min-width:75px;
text-align:right
}
#menu-icon{
margin:0 0 0 10px;
padding:10px 9px 11px;
line-height:1em;
border-radius:100%
}
#menu-icon:hover{
background:rgba(200,200,200,.25)
}
.menu-icon-inner{
border-bottom:2px solid;
box-sizing:border-box;
position:relative;
width:22px;
height:18px
}
.menu-icon-inner:before,
.menu-icon-inner:after{
content:'';
display:block;
border-top:2px solid;
position:absolute;
left:0;
top:0;
width:100%;
transition:border .7s ease;
transition-property:transform
}
.menu-icon-inner:after{
top:50%
}
#menu-icon-close{
transform:rotateZ(0deg);
transition:border .3s ease-in-out,transform .3s ease-in-out
}
.body-overlay{
display:none;
background-color:rgba(206,206,206,.8);
width:100%;
height:100%;
position:fixed;
top:0;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px)
}
.body-overlay-on{
display:block;
z-index:998
}
/* Megamenu widget */
#main-nav .has-mega-column .widget{
margin:0 0 .5em;
text-align:left
}
#main-nav .has-mega-column .widget h1,
#main-nav .has-mega-column .widget h2,
#main-nav .has-mega-column .widget h3,
#main-nav .has-mega-column .widget h4,
#main-nav .has-mega-column .widget h5,
#main-nav .has-mega-column .widget h6{
color:inherit
}
#main-nav .widgettitle{
font-size:1.05em;
font-weight:600;
line-height:1.6em;
margin:0 0 .5em;
padding:0;
text-decoration:none;
letter-spacing:0;
text-transform:none
}
/* fixed-header */
#headerwrap.fixed-header{
background-color:rgba(255,255,255,.9)
}
#headerwrap.fixed-header:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:0;
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px)
}
.slide-cart-visible #headerwrap:before,
.mobile-menu-visible #headerwrap:before,
.fixed-header .tf_darkmode_toggle,
.fixed-header .header-bar,
.fixed-header .search-button,
.fixed-header .header-widget{
display:none; /* hide unnecessary elements in fixed-header */
}
.fixed-header #header{
transition:padding .3s ease-in-out;
padding-top:5px;
padding-bottom:5px
}
.revealing-header #headerwrap{
transition:transform .5s ease-in-out,opacity .5s ease-in-out
}
.revealing-header #headerwrap.header_hidden{
transform:translateY(-100%);
opacity:0
}
/************************************************************************************
6. PAGE
*************************************************************************************/
/* page title */
.page-title{
margin:0 0 1em;
padding:0
}
/*AUTHOR PAGE*/
.author-bio{
margin:0 0 2em;
overflow:hidden
}
.author-bio .author-avatar{
float:left;
margin:0 1.2em 0 0
}
.author-bio .author-avatar img{
border-radius:8px;
width:100px
}
.author-bio .author-name{
margin:0 0 .5em;
padding:0;
font-size:1.6em
}
.author-posts-by{
margin:0 0 1.5em;
padding:1em 0 0;
font-size:1.4em;
text-transform:uppercase;
border-top:solid 4px rgba(118,118,118,.1)
}
/*7. POST*/
.post{
margin-bottom:2em;
position:relative
}
/* post content */
.post-content{
min-width:120px
}
/* post title */
.post-title{
font-size:2.4em;
line-height:1.4em;
margin:0 0 .4em;
padding:0;
text-transform:none;
letter-spacing:-.04em
}
.post-title a{
text-decoration:none;
color:#000
}
.post-title a:hover{
color:var(--theme_accent)
}
/* post image */
.post-image{
margin:0 0 1em
}
.post-image img{
vertical-align:bottom;
border-radius:8px
}
.post-image.left{
float:left;
margin-right:1em
}
.post-image.right{
float:right;
margin-left:1em
}
/* post meta */
.post-meta{
font-size:.9em;
line-height:1.6em;
margin:0 0 .5em;
padding:0
}
.post-meta .separator{
opacity:.1
}
.post-meta a{
text-decoration:none
}
.post-meta .post-comment:before,
.post-meta .post-category:before,
.post-meta .post-tag:before{
display:inline-block;
content:'';
width:1px;
height:1.3em;
margin:0 .9em 0 .45em;
white-space:nowrap;
vertical-align:middle;
border-left:1px solid;
transform:skewX(-15deg);
opacity:.2
}
.post-meta .post-category:first-child:before{
display:none
}
.post-meta .post-comment .tf_fa{
margin-left:8px;
vertical-align:text-top;
font-size:.8em;
opacity:.7
}
/* more link */
.more-link,
.more-link:hover{
text-decoration:none
}
.more-link:after{
content:'';
border:1px solid transparent;
border-top-color:inherit;
border-right-color:inherit;
min-width:.7em;
min-height:.7em;
transform:rotateZ(45deg);
margin-left:.5em;
text-decoration:none;
display:inline-block;
vertical-align:middle
}
/* post date */
.post-date{
margin:0 0 .4em;
display:block;
font-size:.8em;
text-transform:uppercase;
letter-spacing:.04em
}
/*GENERAL POST STYLING*/
.loops-wrapper .post{
text-align:center; /* make archive post view text center */
}
.loops-wrapper .post-image{
margin-bottom:1em;
position:relative;
transition:border .3s ease-in-out,margin .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out
}
/*AUTHOR BOX*/
.author-box{
margin:5.5em 0;
border:0
}
.author-box .author-avatar{
float:left;
margin:0 2em .3em 0
}
.author-box .author-name{
margin:0 0 .3em
}
/*POST PAGINATION (the tag)*/
.post-pagination{
text-align:right;
margin:.5em 0 2em
}
.post-pagination strong{
margin-right:3px
}
.post-pagination a{
margin-left:3px;
margin-right:3px
}
/*INFINITE SCROLL*/
.tf_load_more{
padding:30px 0
}
a.load-more-button{
padding:10px 28px;
text-decoration:none;
display:none;
box-sizing:border-box;
width:auto;
background:rgba(183,183,183,.16);
border-radius:30px
}
/*POST VIDEO (css for fluid video)*/
.post-video{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
margin-bottom:15px
}
.post-video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.featured-area img{
width:100%
}
/*NO-GUTTER POST*/
.loops-wrapper.no-gutter .post-image{
margin:0
}
.loops-wrapper.no-gutter .post,
ul.products.no-gutter li.product .post-image,
.loops-wrapper.no-gutter .post-image img{
border-radius:0
}
/************************************************************************************
8. SIDEBAR
*************************************************************************************/
.widget{
margin:0 0 2.4em
}
.widgettitle{
margin:0 0 1em;
padding:0;
font-size:1em;
font-weight:600;
text-transform:uppercase;
line-height:1.3em;
letter-spacing:.09em
}
.widget ul{
margin:0;
padding:0
}
.widget li{
margin:0;
padding:.4em 0;
list-style:none;
clear:both
}
.widget ul ul{
margin:.6em 0 -.6em;
padding:0
}
.widget ul ul li{
margin:0;
padding-left:1em
}
/************************************************************************************
8.1 WIDGET STYLES
*************************************************************************************/
/* add white bg to facebook badge iframe */
iframe[src*="facebook"]{
background-color:#fff
}
/************************************************************************************
10. BUILDER STYLING
*************************************************************************************/
/* module title */
.module-title{
font-size:1.2em;
font-weight:600;
margin:0 0 .8em
}
/* post module */
.col4-3 .loops-wrapper .post,
.col4-2 .loops-wrapper .post,
.col4-1 .loops-wrapper .post,
.col3-2 .loops-wrapper .post,
.col3-1 .loops-wrapper .post,
.col2-1 .loops-wrapper .post{
text-align:inherit; /* reset text center */
margin-bottom:1em
}
.col4-3 .loops-wrapper.list-post .post-title,
.col4-2 .loops-wrapper.list-post .post-title,
.col4-1 .loops-wrapper.list-post .post-title,
.col3-2 .loops-wrapper.list-post .post-title,
.col3-1 .loops-wrapper.list-post .post-title,
.col2-1 .loops-wrapper.list-post .post-title{
font-size:1.4em; /* reset text center */
margin:0 0 .5em
}
/* map module */
.module-map{
margin-bottom:0
}
/* themify-icon shortcode */
.shortcode.themify-icon .themify-icon-icon{
font-size:1.3em
}
/* shorcode button */
a.shortcode.button{
border-radius:2px;
padding:.65em 1em
}
/* general module heading styling */
.module-image .image-title,
.module-tile .tile-title,
.module-feature .module-feature-title,
.module-pro-image .image-pro-title{
font-size:1.1em;
font-weight:600
}
.module-service-menu .tb-menu-title{
text-transform:inherit;
letter-spacing:inherit
}
/* optin module */
.tb_optin_horizontal form > div[class*="tb_optin_"]{
width:auto
}
.module-optin.tb_optin_horizontal .tb_optin_submit{
background:0
}
/************************************************************************************
11. WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft,img.aligncenter,img.alignright,img.alignnone{
margin-bottom:1em
}
.alignleft{
float:left;
margin-right:1em
}
.alignright{
float:right;
margin-left:1em
}
.aligncenter{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto
}
.wp-caption{
text-align:center;
margin-bottom:1em;
max-width:100%
}
.wp-caption-text{
margin:.5em 0
}
/* attachment page */
body.attachment{
width:auto;
float:none;
position:static
}
.single .attachment.post{
width:auto;
float:none
}
/* clearfix */
.widget li:after,.menu:after{
content:"";
display:table;
clear:both
}
.post-image,
.post-img,
.module-feature-image,
.slide-image{
transition:.3s ease-in-out;
transition-property:border,padding,width
}
.mobile-menu-visible{
overflow-y:hidden
}
/*BASE MEDIA QUERIES*/
@media(max-width:1260px){
h1{
font-size:2.4em
}
h2{
font-size:2em
}
.pagewidth{
max-width:94%
}
#pagewrap,
.default_width #layout .row_inner{
max-width:100%
}
}
@media(max-width:1024px){
.header-widget .col4-1{
width:48.4%
}
.header-widget .col4-1:nth-child(2n+1){
margin-left:0;
clear:left
}
}
@media(max-width:760px){
body .pagewidth{
max-width:90%
}
/* sidebar */
#layout{
flex-wrap:wrap
}
#sidebar,
#content{
width:100%;
max-width:100%;
clear:both;
padding-top:10%
}
}
@media(max-width:680px){
h1{
font-size:1.9em
}
h2,
.post-title,
.loops-wrapper.tf_clear .post-title{
font-size:1.6em
}
h3{
font-size:1.35em
}
.col4-1{
font-size:.95em
}
.col4-2,
.col3-1{
margin-left:0;
width:100%;
max-width:100%
}
/*HEADER*/
/* prevent logo img extend the fixed header on mobile */
.fixed-header #site-logo img:not(.tf_sticky_logo){
width:auto;
max-height:40px
}
#headerwrap .header-icons{
right:5%
}
/* all post image */
.loops-wrapper.list-post .post-image,
.loops-wrapper.grid4 .post-image,
.loops-wrapper.grid3 .post-image,
.loops-wrapper.grid2 .post-image,
.loops-wrapper.list-large-image .post-image{
float:none;
width:auto;
max-width:none;
overflow:visible
}
}
/*/wp-content/themes/themify-ultra/styles/headers/header-horizontal.css*/
#header{
padding:1em 0
}
.header-bar{
float:left
}
#site-logo{
margin:5px 15px 5px 0
}
#site-description{
margin:5px .5em 5px 0;
font-size:.8em
}
.navbar-wrapper{
display:flex;
justify-content:flex-end;
align-items:center
}
#searchform-wrap,
.search-button,
.cart-icon,
.tf_darkmode_toggle,
#header .social-widget{
order:1
}
#main-nav-wrap{
display:flex;
align-items:center;
justify-content:flex-end
}
#main-nav{
float:right
}
#main-nav .has-mega-column > .sub-menu{
padding:32px 39px 39px
}
.header-widget{
display:none;
text-align:center
}
.header-widget .header-widget-inner{
height:100%;
overflow:auto;
-webkit-overflow-scrolling:touch
}
.sidemenu-on .header-widget .header-widget-inner{
max-height:none!important
}
.fixed-header-on .tf_darkmode_toggle,
.fixed-header-on #headerwrap .social-widget,
.fixed-header-on #headerwrap #searchform-wrap,
.fixed-header .header-bar,
.fixed-header .search-button{
display:block
}
#gallery-controller .slider.carousel-nav-wrap{
display:none
}
@media(max-height:900px){
.header-horizontal #headerwrap .header-widget-innerr{
max-height:70vh
}
}
/*/wp-content/themes/themify-ultra/skins/fashion/style.css*/
/*
Skin Name:Ultra Fashion
Version:1.0
Demo URI:https://themify.org/ultra-fashion
Required Plugins:woocommerce, builder-woocommerce, builder-contact
*/
/************************************************************************************
GENERAL
*************************************************************************************/
:root{
--theme_accent:#d6a62f;
--theme_accent_semi:rgba(221,188,106,.9)
}
body{
font-family:'Muli',Arial,sans-serif;
font-size:1.063em;
line-height:1.8em;
color:#888
}
/* reset general border-radius */
input[type=reset],input[type=submit],button,input:read-write,input:read-only,input[type=checkbox],select,textarea,.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce button.button.alt,.woocommerce button.button,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.loops-wrapper.polaroid .post,.loops-wrapper.overlay .post,.loops-wrapper.auto_tiles > .product,.loops-wrapper.auto_tiles .post-image + .post-content,.loops-wrapper.auto_tiles > .post,.post-image img,.product img, ul.products li.product .post-image,#cart-wrap .product-image img,.woocommerce div.product div.images img,.woocommerce-product-gallery__wrapper .tf_swiper-container-initialized,#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img,.select2-dropdown,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow,#slide-cart .button,#slide-cart .product-image img,.woocommerce-cart #content table.cart td.actions .coupon .input-text,.woocommerce span.onsale,.woocommerce ul.products li.product .onsale,.woocommerce table.shop_table,.woocommerce-checkout #payment,#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li,.woocommerce-error, .woocommerce-info, .woocommerce-message,.woocommerce-page .cart-collaterals .cart_totals,body:not(.footer-block) #footer .back-top a,#main-nav .highlight-link > a,.pagenav a,.pagenav span,.pagenav .current,a.load-more-button,.more-link,.widget .feature-posts-list .post-img{
border-radius:0
}
/* FORMS
================================================ */
input[type=reset], input[type=submit], button{
background-color:#000;
padding:.7em 2em;
font-weight:300;
font-size:.85em;
letter-spacing:.02em
}
input[type=reset]:hover,input[type=submit]:hover,button:hover{
background-color:var(--theme_accent);
color:#fff
}
input:read-write,input:read-only,input[type=radio],input[type=checkbox],select,textarea{
border:1px solid #c0c0c0;
background-color:#fff;
padding:.6em 1em;
text-transform:none
}
input[type=radio],input[type=checkbox]{
padding:0
}
input[type=radio]{
border-radius:100%
}
#commentform p label{
display:inline-block;
transform:translate(22px, 48px);
text-transform:none;
font-size:.9em
}
#review_form p label{
transform:none
}
.module-optin .tb_optin_submit button{
padding:1em 3.1em;
font-size:100%
}
.module-optin .tb_optin_form input{
padding:.95em 1em;
margin:0
}
/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6{
font-family:'Playfair Display', serif
}
.fancy-heading,
.post-title,
h1, .page-title{
color:#000;
font-family:'Playfair Display', serif;
font-weight:700;
line-height:normal;
letter-spacing:-.02em
}
h1, .page-title{
font-size:3.6em
}
h3{
font-size:2.4em;
letter-spacing:.02em
}
.sidebar-none .page-title{
text-align:inherit
}
.fancy-heading .sub-head:after,
.comment-reply-title:after,
.comment-title:after,
.widgettitle:after{
display:none
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap{
border-bottom:0
}
#headerwrap.fixed-header{
border-bottom:1px solid rgba(0,0,0,.05)
}
/* SITE LOGO
================================================ */
#site-logo{
font-size:1.6em;
font-weight:400;
letter-spacing:-.03em;
text-transform:uppercase
}
/* MAIN NAVIGATION
================================================ */
#main-nav a{
font-size:.95em;
letter-spacing:.1em;
text-transform:uppercase
}
#main-nav ul a,
#main-nav .mega-menu-posts .post a,
#main-nav .mega-menu-posts a{
letter-spacing:0
}
#main-nav .mega-menu-posts .post-title,
#main-nav .mega-menu-posts .post{
text-align:left
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-sub-menu .mega-sub-menu{
top:auto
}
#main-nav .mega-menu-posts .post-title,
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a{
font-family:unset;
font-weight:400;
text-transform:none
}
/* Re-set dropdown rounded corners */
#main-nav li:not(.themify-widget-menu) > ul,
#main-nav .has-mega-sub-menu .mega-sub-menu,
#main-nav .has-mega-column > .sub-menu,
#main-nav li.menu-item-object-tbuilder_layout_part > .sub-menu{
border-radius:0
}
/* current active link */
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
border-bottom:1px solid var(--theme_accent)
}
/* CART ICON
================================================ */
.woocommerce #respond input#submit.loading::after,.woocommerce a.button.loading::after,.woocommerce button.button.loading::after,.woocommerce input.button.loading::after{
top:auto;
right:auto
}
/* SEARCH OPTIONS
================================================ */
.search-option-tab li:hover a,
.search-option-tab li.active a{
box-shadow:inset 0 -1px 0 0 var(--theme_accent)
}
.search-results-wrap .view-all-button{
color:var(--theme_accent)
}
.view-all-button:after{
border-color:var(--theme_accent);
border-width:1px
}
/* HEADER HORIZONTAL
================================================ */
.header-horizontal #site-logo{
margin-top:10px
}
/* HEADER TOP BAR
================================================ */
.header-top-bar #site-logo{
margin-top:10px
}
/* HEADER OVERLAY
================================================ */
.header-overlay.transparent-header .fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
background-color:rgba(0,0,0,.9)
}
.header-overlay .cart-wrap a span{
min-width:13px;
min-height:13px;
padding:3px
}
/* HEADER STRIPE
================================================ */
.header-stripe #site-logo{
background-color:var(--theme_accent)
}
.header-stripe .header-bar{
position:relative
}
.header-stripe #site-description{
position:absolute;
top:100%;
left:50%;
transform:translateX(-50%);
background-color:var(--theme_accent);
box-sizing:border-box;
padding:.5em;
color:#fff;
text-align:center;
min-width:180px;
max-width:200px;
margin: 5px 0 0;
visibility:hidden;
transition:margin .3s,visibility .3s,opacity .3s
}
.header-stripe #site-description:before{
content:"";
background-color:inherit;
width:10px;
height:10px;
margin-bottom:-5px;
position:absolute;
bottom:100%;
left:50%;
transform:translateX(-50%) rotateZ(45deg)
}
.header-stripe .header-bar:hover #site-description{
margin-top:0;
visibility:visible
}
/* HEADER BOTTOM
================================================ */
.header-bottom #footerwrap .footer-tab{
color:#fff
}
/* HEADER BLOCK
================================================ */
.header-block #headerwrap{
min-height:auto
}
.header-block .fixed-header #site-logo{
margin-top:10px
}
.header-block:not(.mobile_menu_active) .cart-icon,
.header-block:not(.mobile_menu_active) #header .social-widget,
.header-block:not(.mobile_menu_active) .search-button{
margin-top:3em;
position:absolute;
inset:0 auto auto 0
}
.header-block:not(.mobile_menu_active) .search-button{
margin-top:2.5em;
inset-inline-start:auto;
inset-inline-end:0
}
.header-block:not(.mobile_menu_active) .cart-icon{
margin-top:2.8em;
inset-inline-start:auto;
inset-inline-end:45px
}
.header-block:not(.mobile_menu_active) .fixed-header .cart-icon{
margin-top:12px;
inset-inline-end:0
}
/************************************************************************************
WIDGET
*************************************************************************************/
.widgettitle{
text-transform:none
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
border-top:1px solid rgba(216, 216, 216, .3)
}
/* FOOTER LOGO
================================================ */
#footer-logo{
font-family:'Muli',Arial,sans-serif;
font-size:1.7em;
text-transform:uppercase;
letter-spacing:-.01em;
margin-bottom:.7em
}
#footer-logo a{
color:#000
}
/* footer text
================================================ */
.footer-text .one{
margin-bottom:15px
}
/*
FOOTER WIDGETS
================================================ */
.footer-widgets .widgettitle{
color:#000;
font-size:1.2em;
font-weight:400;
letter-spacing:.02em
}
.footer-widgets .widget li{
line-height:normal
}
/************************************************************************************
WOOCOMMERCE
*************************************************************************************/
/* BUTTON
================================================ */
#slide-cart .button,
.woocommerce ul.products li.product .button,
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
background-color:#000;
color:#fff;
font-weight:300;
padding:.7em 1.9em;
letter-spacing:.06em;
text-transform:uppercase;
transition:background-color .3s ease-in-out,color .3s ease-in-out
}
#slide-cart .button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button.alt.disabled:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
background-color:var(--theme_accent);
color:#fff
}
.module.module-buttons .ui.tb_default_color{
background-color:#000;
color:#fff
}
/* ARCHIVE PRODUCTS
================================================ */
/* Sale */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
background-color:#000
}
/* Loadmore */
.tf_load_more a{
border-bottom:1px solid var(--theme_accent);
text-transform:uppercase;
text-decoration:none
}
.sidebar-none .woocommerce-breadcrumb{
text-align:center
}
.sidebar-none .page-title{
text-align:center
}
.sidebar-none.woocommerce .woocommerce-ordering{
margin-bottom:3em;
float:none;
text-align:center
}
/* SINGLE PRODUCT
================================================ */
.woocommerce #content div.product div.summary{
box-sizing:border-box;
padding-left:4.5%
}
/* woocommerce-breadcrumb */
.woocommerce .woocommerce-breadcrumb{
font-size:.8125em;
margin-bottom:.8em;
text-transform:uppercase
}
/* quantity */
.woocommerce div.product form.cart{
margin-top:2em
}
.woocommerce div.product form.cart .button{
font-size:.88em;
padding:.8em 1em;
margin-right:14px
}
/* product title */
.woocommerce div.product .product_title{
font-size:2.35em;
font-family:'Playfair Display', serif;
margin:0 0 .3em;
letter-spacing:normal
}
/* price */
.woocommerce div.product p.price{
color:#000;
font-size:1.7em;
font-weight:300
}
.woocommerce div.product span.price{
color:#000;
font-weight:300;
font-size:1em;
margin:0 0 1.4em
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins{
font-weight:unset
}
/* tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
font-family:'Playfair Display', serif;
font-size:1.125em;
font-weight:400;
color:#b1b1b1
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
color:#000
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
border-width:1px
}
/* related products */
.related.products h2{
font-size:1.125em;
text-transform:uppercase;
font-weight:400
}
/* Product Image */
.woocommerce #content div.product div.images,
.woocommerce div.product div.images{
width:calc(51% - 37px);
margin:0 0 67px 37px;
box-shadow:-37px 37px 0 var(--theme_accent_semi);
background-color:#fff
}
.product-img-center.woocommerce #content div.product div.images,
.product-img-center.woocommerce div.product div.images{
width:calc(50% - 37px);
margin-bottom:67px
}
/* CART
================================================ */
#slide-cart .button{
min-width:auto
}
/* CHECKOUT
================================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
border-color:#c0c0c0
}
.select2-results__option{
margin:0
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
padding:1em;
}
/* ARCHIVE GRIDS
================================================ */
.wc-products .product h3,
.woocommerce ul.products li.product h3,
.module-products .themify_builder_slider h3{
font-family:'Muli',Arial,sans-serif;
font-size:.95em
}
.woocommerce ul.products li.product .star-rating:before{
color:#c7c7c7
}
.woocommerce .star-rating span::before{
color:var(--theme_accent)
}
.module-products.module-slider li .slide-image,
.woocommerce .wc-products[class*=grid]:not(.grid2-thumb) .product .post-image,
ul.products[class*=grid] li.product .product-image{
position:relative;
margin-bottom:1em!important
}
.module-products.module-slider li .slide-image:before,
.woocommerce .wc-products[class*=grid]:not(.grid2-thumb) .product .post-image:before,
.woocommerce ul.products[class*=grid] li.product .product-image:before{
content:"";
display:block;
background-color:rgba(237, 237, 237, .79);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
pointer-events:none;
opacity:0;
visibility:hidden;
transition:opacity .25s, visibility .25s
}
.module-products.module-slider li h3,
.module-products .wc-products[class*=grid]:not(.grid2-thumb) .product h3,
.woocommerce ul.products[class*=grid] li.product h3,
.woocommerce ul.products[class*=grid] li.product .woocommerce-loop-product__title{
width:50%;
float:left;
text-align:left;
font-weight:400
}
.module-products.module-slider li .price,
.module-products.module-slider li .star-rating,
.module-products .wc-products[class*=grid]:not(.grid2-thumb) .product .price,
.module-products .wc-products[class*=grid]:not(.grid2-thumb) .product .star-rating,
.woocommerce ul.products[class*=grid] li.product .price,
.woocommerce ul.products[class*=grid] li.product .star-rating{
float:right;
text-align:right
}
.module-products.module-slider li .price,
.module-products .wc-products[class*=grid]:not(.grid2-thumb) .product .price,
.woocommerce ul.products[class*=grid] li.product .price{
width:50%
}
.woocommerce ul.products[class*=grid] li.product .star-rating + .price{
clear:right
}
.woocommerce ul.products li.product .button{
position:absolute;
inset:45% auto auto 50%;
transform:translate(-50%, -100%);
z-index:3;
display:block;
width:133px;
margin:0 auto;
padding:1.2em .51em;
text-align:center;
opacity:0;
visibility:hidden;
transition:opacity .25s, visibility .25s
}
.module-products.module-slider li:hover .slide-image:before,
.woocommerce .wc-products[class*=grid]:not(.grid2-thumb) .product:hover .post-image:before,
.woocommerce ul.products[class*=grid] li.product:hover .product-image:before,
.woocommerce ul.products li.product:hover .button{
opacity:1;
visibility:visible
}
.module-products.module-slider ul[data-visible="4"] li h3,
.module-products .wc-products.grid4 .product h3,
.woocommerce ul.products.grid4 li.product h3,
.woocommerce ul.products.grid4 li.product .woocommerce-loop-product__title{
font-size:1em
}
.module-products.module-slider ul[data-visible="4"] li .price{
font-size:.9em
}
.woocommerce .wc-products[class*=grid] .product .edit-button,
.woocommerce ul.products[class*=grid] li.product .edit-button,
.woocommerce ul.products[class*=grid] li.product.outofstock .edit-button{
clear:both;
display:block
}
/************************************************************************************
BUILDER STYLING
*************************************************************************************/
/* BUTTON MODULE
================================================ */
.ui.builder_button{
letter-spacing:-.05em;
line-height:normal;
padding:.45em 1.7em .75em;
font-weight:400;
text-transform:uppercase
}
.module.module-buttons.outline .tb_default_color{
background:0
}
/* CONTACT MODULE
================================================ */
.module-contact .control-label,
.module-contact span.required{
color:rgba(0,0,0,.5)
}
.module-contact .builder-contact-field{
margin:0 0 .3em
}
/* CALLOUT MODULE
================================================ */
.module-callout .callout-heading{
color:#000;
font-size:2.4em;
letter-spacing:.02em;
margin:0 0 .4em
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media(max-width:768px){
h1, .page-title{
font-size:2.6em
}
.single-product .entry-summary .product-share-wrap,
.single-product.product-img-left .product-share-wrap,
.single-product.product-image-left .product-share-wrap{
right:0
}
.product-img-center.woocommerce #content div.product div.images,
.product-img-center.woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce div.product div.images{
width:calc(100% - 37px);
margin-left:37px;
margin-bottom:67px
}
.woocommerce #content div.product div.summary{
padding-left:0
}
}
/*/wp-content/uploads/themify-customizer-7.3.5-7.3.8.css*/
/* Themify Customize Styling */
body {
font-family: "Plus Jakarta Sans"; font-weight:400;
font-size:15px;
line-height:21px;
color: #3d3d3d;
}
a {
color: #01747e;
}
a:hover {
color: #024555;
}
:root {
--theme_accent: #0e96ae;
--theme_accent_semi: #0e96ae;
--theme_accent_hover: #01747e;
}
h1 {
font-family: "Epilogue"; font-weight:600;
font-size:35px;
line-height:41px;
}
h2 {
font-family: "Epilogue"; font-weight:500;
font-size:30px;
line-height:35px;
}
h3 {
font-family: "Epilogue"; font-weight:500;
letter-spacing:-0.1px;
font-size:27px;
line-height:33px;
}
h4 {
font-family: "Epilogue"; font-weight:500;
letter-spacing:0px;
}
h5 {
font-family: "Epilogue"; font-weight:400;
letter-spacing:0px;
}
h6 {
font-family: "Epilogue"; font-weight:400;
letter-spacing:0px;
}
input[type=reset], input[type=submit], button, button[type=submit] { background: none;
background-color: #0e96ae;
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover { background: none;
background-color: #01747e;
}
#headerwrap { background: none;
background-color: #ffffff;
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header { background: none;
background-color: #ffffff;
}
#headerwrap.fixed-header #site-logo a img { width: 70px;
}
#headerwrap.fixed-header #header {
color: #222;
}
body #site-logo a img { width: 70px;
}
#site-logo {
margin: 0px;
}
#main-nav a {
font-family: "Epilogue"; font-weight:400;
letter-spacing:0px;
font-size:14px;
}
#main-nav-wrap #main-nav a:hover, #main-nav-wrap #main-nav > li > a:hover {
color: #01747e;
}
#main-nav-wrap #main-nav > .current_page_item > a, #main-nav-wrap #main-nav > .current-menu-item > a {
color: #0e96ae;
}
#main-nav .highlight-link>a { background: none;
background-color: #618517;
color: #ffffff;
padding-top: 11px;
padding-right: 15px;
padding-bottom: 7px;
padding-left: 15px;
}
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, .fixed-header #main-nav ul a:hover {
color: #01747e;
}
#main-nav-wrap #main-nav .sub-menu > .current_page_item > a, #main-nav-wrap #main-nav .sub-menu > .current-menu-item > a {
color: #01747e;
}
.woocommerce ul.products li.product a.button, .woocommerce ul.products li.product button.button, .woocommerce ul.products li.product input.button, .woocommerce ul.products li.product a.button.alt, .woocommerce ul.products li.product button.button.alt, .woocommerce ul.products li.product input.button.alt, .woocommerce ul.products li.product button.button.alt.disabled, .woocommerce ul.products li.product button.button:disabled, .woocommerce ul.products li.product button.button:disabled[disabled] { background: none;
background-color: #0e96ae;
color: #ffffff;
}
.woocommerce ul.products li.product a.button:hover, .woocommerce ul.products li.product button.button:hover, .woocommerce ul.products li.product input.button:hover, .woocommerce ul.products li.product a.button.alt:hover, .woocommerce ul.products li.product button.button.alt:hover, .woocommerce ul.products li.product input.button.alt:hover, .woocommerce ul.products li.product button.button.alt.disabled:hover, .woocommerce ul.products li.product button.button:disabled:hover, .woocommerce ul.products li.product button.button:disabled[disabled]:hover {
color: #ffffff;background: none;
background-color: #01747e;
}
.single-product div.product .product_title {
font-family: "Epilogue"; font-weight:400;
letter-spacing:0px;
}
.single-product #content input.button, .single-product #respond input#submit, .single-product #content input.button.alt, .single-product #respond input#submit.alt, .single-product a.button, .single-product button.button, .single-product input.button, .single-product a.button.alt, .single-product button.button.alt, .single-product input.button.alt, .single-product button.button.alt.disabled, .single-product button.button:disabled, .single-product button.button:disabled[disabled] { background: none;
background-color: #0e96ae;
color: #ffffff;
}
.single-product #content input.button:hover, .single-product #respond input#submit:hover, .single-product #content input.button.alt:hover, .single-product #respond input#submit.alt:hover, .single-product a.button:hover, .single-product button.button:hover, .single-product input.button:hover, .single-product a.button.alt:hover, .single-product button.button.alt:hover, .single-product input.button.alt:hover, .single-product button.button.alt.disabled:hover, .single-product button.button:disabled:hover, .single-product button.button:disabled[disabled]:hover {
color: #ffffff;background: none;
background-color: #01747e;
}
.post-title {
font-family: "Epilogue"; font-weight:500;
font-size:17px;
line-height:22px;
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {
color: #024555;
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {
font-family: "Epilogue"; font-weight:500;
font-size:35px;
line-height:40px;
}
.post-nav a:hover {
color: #618517;
}
.post-nav a .arrow {
color: #01747e;
}
.post-nav a:hover .arrow {
color: #1a5052;
}
#sidebar, #sidebar-alt { font-weight:400;
letter-spacing:0px;
}
#sidebar a, #sidebar-alt a { font-size:13px;
line-height:19px;
color: #222;
}
#sidebar a:hover, #sidebar-alt a:hover {
color: #024555;
}
#sidebar .widgettitle, #sidebar-alt .widgettitle {
font-family: "Epilogue"; font-weight:400;
font-size:18px;
line-height:25px;
}
#footerwrap { background: none;
background-color: #024555;
background-size: cover;
background-position: center center;
padding-top: 50px;
}
#footer-logo a img { width: 70px;
}
#footer {
color: #ffffff;
}
#footer, #footer-logo, .footer-nav a, .footer-text { text-align:left;
}
#footer a {
color: #ffffff;
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a { background: none;
background-color: #0e96ae;
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {
color: #ffffff;
}
@media(max-width: 1280px) { /* Themify Customize Styling */
body {
font-family: "Plus Jakarta Sans"; font-weight:400;
}
h1 {
font-family: "Epilogue"; font-weight:500;
}
h2 {
font-family: "Epilogue"; font-weight:500;
}
h3 {
font-family: "Epilogue"; font-weight:500;
}
h4 {
font-family: "Epilogue"; font-weight:500;
}
h5 {
font-family: "Epilogue"; font-weight:400;
}
h6 {
font-family: "Epilogue"; font-weight:400;
}
#headerwrap.fixed-header #site-logo a img { width: 70px;
}
#main-nav a {
font-family: "Epilogue"; font-weight:400;
}
.post-title {
font-family: "Epilogue"; font-weight:500;
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {
font-family: "Epilogue"; font-weight:500;
}
#sidebar, #sidebar-alt {
font-family: "Epilogue"; font-weight:400;
}
#footerwrap {
background-size: cover;
background-position: center center;
}
}@media(max-width: 768px) { /* Themify Customize Styling */
body {
font-family: "Plus Jakarta Sans"; font-weight:400;
}
h1 {
font-family: "Epilogue"; font-weight:500;
}
h2 {
font-family: "Epilogue"; font-weight:500;
}
h3 {
font-family: "Epilogue"; font-weight:500;
}
h4 {
font-family: "Epilogue"; font-weight:500;
}
h5 {
font-family: "Epilogue"; font-weight:400;
}
h6 {
font-family: "Epilogue"; font-weight:400;
}
#headerwrap.fixed-header #site-logo a img { width: 70px;
}
#main-nav a {
font-family: "Epilogue"; font-weight:400;
}
.post-title {
font-family: "Epilogue"; font-weight:500;
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {
font-family: "Epilogue"; font-weight:500;
}
#sidebar, #sidebar-alt {
font-family: "Epilogue"; font-weight:400;
}
#footerwrap {
background-size: cover;
background-position: center center;
}
}@media(max-width: 680px) { /* Themify Customize Styling */
body { font-weight:400;
}
a {
color: #4a6e06;
}
a:hover {
color: #618517;
}
:root {
--theme_accent: #0e96ae;
--theme_accent_semi: #0e96ae;
--theme_accent_hover: #01747e;
}
h1 {
font-family: "Epilogue"; font-weight:500;
}
h2 {
font-family: "Epilogue"; font-weight:500;
}
h3 {
font-family: "Epilogue"; font-weight:500;
}
h4 {
font-family: "Epilogue"; font-weight:500;
}
h5 {
font-family: "Epilogue"; font-weight:400;
}
h6 {
font-family: "Epilogue"; font-weight:400;
}
input[type=reset], input[type=submit], button, button[type=submit] { background: none;
background-color: #618517;
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover { background: none;
background-color: #4a6e06;
}
#headerwrap { background: none;
background-color: #ffffff;
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header { background: none;
background-color: #ffffff;
}
#headerwrap.fixed-header #header {
color: #222222;
}
#main-nav a {
font-family: "Epilogue"; font-weight:400;
}
#main-nav-wrap #main-nav a:hover, #main-nav-wrap #main-nav > li > a:hover {
color: #ffd640;
}
#main-nav-wrap #main-nav > .current_page_item > a, #main-nav-wrap #main-nav > .current-menu-item > a {
color: #ffd640;
}
#main-nav .highlight-link>a { background: none;
background-color: #618517;
color: #ffffff;
}
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, .fixed-header #main-nav ul a:hover {
color: #618517;
}
#main-nav-wrap #main-nav .sub-menu > .current_page_item > a, #main-nav-wrap #main-nav .sub-menu > .current-menu-item > a {
color: #618517;
}
.post-title {
font-family: "Epilogue"; font-weight:500;
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {
color: #618517;
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {
font-family: "Epilogue"; font-weight:500;
}
.post-nav a:hover {
color: #618517;
}
.post-nav a .arrow {
color: #4a6e06;
}
.post-nav a:hover .arrow {
color: #618517;
}
#sidebar, #sidebar-alt {
font-family: "Epilogue"; font-weight:400;
}
#sidebar a, #sidebar-alt a {
color: #222222;
}
#sidebar a:hover, #sidebar-alt a:hover {
color: #618517;
}
#footerwrap {
background-size: cover;
background-position: center center;
padding-top: 25px;
padding-bottom: 0px;
}
}.mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a {
color: #000000; }.mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover {
color: #01747e; }.mobile_menu_active #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a {
color: #01747e; }
/* Themify Custom CSS */
.woocommerce ul.product_list_widget li img {
border-radius: 20px;}
.woocommerce ul.products li.product a.button{border-radius:100px; font-size:10px; line-height:15px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size: 15px;
line-height: 20px;
}
li { margin: 0 0 5px;}
.widget .feature-posts-list .post-img { border-radius: 0;}
@media (max-width: 1024px) {
.footer-widgets .col4-1 {
width: 100%; }}
.single :is(.post-image, .post-meta, .post-title) {
text-align: left;
}
.ui.module-accordion > li {
border-bottom: none;
}
#headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform #s { width: 140px;
background: #f5f5f5;
border-radius: 40px;
border: none; margin-top:5px;}
.tf_s_dropdown #searchform .tf_icon_wrap {margin-top:5px;}
.comment-reply-title {
font-weight: 400;}
.social-links .icon-medium em {font-size:10px; color:#fff; padding:6px; margin-right:-2px;; background:#0e96ae;}
.social-links a:hover em {
color:#fff; background:#01747e;
}
input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"] {
width: 100%; }
textarea, input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
background-color: #f7f7f7;
border:none; padding:17px; border-radius:10px; margin:0;}
input[type="submit"]{font-weight:400; letter-spacing:0px; border-radius:100px; text-transform:none; font-family:"Epilogue"; font-size:12px; padding:12px 30px;}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%; margin:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) {
.column-half{ width: 50%; }}
.themify_builder_content-373 .tb_n5fo54.module-icon .module-icon-item em {border:solid 1px #ccc; margin-right:0; font-size:12px; padding:10px;}
td, th {
border: 1px solid #ccc;
padding-left: 7px;
padding-right: 7px;
}
.table { overflow-x: auto; text-align: left; width: 100%;}
.module-image .image-title {text-align:center;}
table {
width: 100%; }
.related-posts .related-title{font-weight: 400;}
.related-posts .post-title {font-weight: 400; font-size:15px; line-height:22px;}
footer-widgets .col4-1 {
width: 100%;}
@media (max-width: 680px) {
.single .post-content :is(.post-date, .post-date-wrap:not(.post-date-inline)) {
height: 20px;
}
}
.single :is(.post-image, .post-meta, .post-title) {
text-align: center;
}
#sidebar .widget, #sidebar-alt .widget {
background-color: #f7f7f7;
padding: 12px;
margin-bottom: 17px;
}
#main-nav li > .sub-menu{
box-shadow:none;
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {
border-bottom: none;
}
.widget .feature-posts-list .post-img {
border-radius: 0px;
}
@media only screen and (min-width: 1024px){
#main-nav { padding: 0;
margin: 0px 130px 0px 0px;}}
#main-nav .highlight-link:last-child>a {
margin-right: 0;
border-radius:100px;
}
.module.ui.minimal ul.tab-nav li a
{
padding : 10px 15px 10px 15px;
}
nav ul {
list-style-type: none;
padding: 0;
display: inherit;
}
nav li {
margin: 0 20px;
}
nav a {
text-decoration: none;
position: relative;
color: #0e96ae;
transition: color 0.3s;
}
nav a::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
bottom: -5px;
left: 0;
background-color: #0e96ae;
visibility: hidden;
transform: scaleX(0);
transition: transform 0.3s ease-in-out, visibility 0.3s;
}
nav a:hover {
color: #0e96ae;
}
nav a:hover::before {
visibility: visible;
transform: scaleX(1);
}
ul.ui.module-accordion .accordion-title a {
font-weight: 500;
}
.menu-icon-inner {
border-bottom: 1px solid;
height: 18px;
transform: rotate(360deg);
width: 25px;
}
.menu-icon-inner::before {
border-top: 1px solid;
width: 100%;
}
.menu-icon-inner::after {
border-top: 1px solid;
width: 75%;
}
/* START MOBILE MENU CSS */
@media screen and (max-width:900px){
/*/wp-content/themes/themify-ultra/mobile-menu.css*/
#header{
height:auto;
padding:10px 0 5px;
text-align:inherit
}
.fixed-header #header{
text-align:inherit; /* make left text align on sticky header */
}
/* reset absolute elements to static */
#site-logo,
#site-description{
position:static;
float:none;
clear:both;
margin:0 0 .5em;
padding:0
}
#site-logo{
font-size:24px;
margin:5px 10px 5px 0
}
.header-widget{
position:static;
float:none;
clear:both;
margin:0;
text-align:inherit
}
.header-widget .widget{
margin:0 0 1.8em
}
.header-widget .widgettitle{
margin:0 0 .3em
}
.header-icons{
position:absolute;
display:block;
top:27px;
right:4%;
z-index:1999;
transform:translateY(-50%)
}
.header-icons a{
text-decoration:none!important;
font-size:1em
}
.slide-cart .header-icons{
display:flex;
align-items:center;
flex-direction:row-reverse
}
/* mobil menu panel */
.mobile-menu-visible .header-icons,
.slide-cart-visible .header-icons{
z-index:1!important; /* prevent the overlap of header buttons with the sidemenu */
}
/* Mobile Menu Styles */
.sidemenu{
transition-property:left,right,top,bottom,width,transform,opacity;
transition-duration:.2s;
transition-timing-function:ease-in-out;
height:100%;
width:300px;
padding:60px 25px 25px;
background-color:#fff;
color:#000;
display:none;
overflow-y:auto;
position:fixed;
top:0;
z-index:11111;
text-align:left
}
#mobile-menu{
contain:paint;
right:-300px
}
#mobile-menu.sidemenu-on{
right:0;
box-shadow:-6px 0 20px 5px rgba(0,0,0,.1)
}
.sidemenu-left,
.sidemenu-left .fixed-header{
left:300px
}
.sidemenu-left #mobile-menu.sidemenu-on{
left:0
}
/* mobile menu panel link */
#headerwrap #mobile-menu-panel a{
color:#fff;
text-decoration:none
}
#headerwrap #menu-icon-close{
display:block;
position:absolute;
text-decoration:none;
top:10px;
right:10px;
min-width:1em;
min-height:1em;
transform-origin:center;
transition-property:transform;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
font-size:20px;
color:inherit;
padding:9px;
border-radius:100%
}
#menu-icon-close:hover{
background:rgba(200,200,200,.25)
}
#menu-icon-close:before,
#menu-icon-close:after{
height:56%
}
.transparent-header #menu-icon-close{
color:inherit; /* require for transparent-header */
}
/* main nav */
#main-nav-wrap{
display:block;
padding:0;
margin:1em 0 1.5em
}
#main-nav{
float:none;
background-color:transparent
}
#main-nav li{
display:block;
clear:both;
padding:0;
width:100%
}
/* sub level */
#main-nav li > .sub-menu{
position:static;
width:auto;
height:auto;
border:0;
margin:0 0 0 1em;
background:0;
padding:0;
display:none;
opacity:1;
transform:none;
color:inherit;
box-shadow:none
}
#main-nav li.toggle-on > .sub-menu{
display:block
}
#main-nav .child-arrow{
display:inline-block
}
#main-nav .child-arrow:hover{
background:rgba(200,200,200,.25)
}
.transparent-header #headerwrap .themify-widget-menu{
color:inherit
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega > .sub-menu{
padding:0;
width:auto;
margin:0
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-column > .sub-menu ul,
#main-nav .has-mega-sub-menu .mega-sub-menu ul{
float:none;
margin:0 0 0 1em
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-column > .sub-menu ul,
#main-nav li:not(.themify-widget-menu) > ul,
#main-nav .has-mega-sub-menu .mega-sub-menu ul{
background:0
}
/* menu link */
#headerwrap #main-nav a{
width:auto;
display:block;
border:0;
padding:.6em 0;
margin:0;
color:inherit;
line-height:1.5em;
background:0;
font-weight:400;
text-decoration:none;
box-shadow:none
}
#headerwrap #main-nav .has-sub-menu > a{
padding-right:40px; /* for arrow spacing */
}
#main-nav > li:last-child a{
border:0
}
/* current link */
#headerwrap #main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
color:var(--theme_accent)
}
.slide-cart-visible #menu-icon,
#main-nav .mega-menu-posts{
display:none
}
#header .social-widget a{
color:inherit
}
#header .social-widget{
position:static;
float:none;
margin:0
}
.header-widget .col4-1,
.header-widget .col4-2,
.header-widget .col3-1{
margin-left:0;
width:100%;
max-width:100%
}
.sidemenu .header-widget{
height:auto
}
.fixed-header .cart-wrap,
.fixed-header .header-bar,
.fixed-header .header-widget{
display:block
}
.fixed-header-on #headerwrap .tf_darkmode_toggle,
.fixed-header-on #headerwrap .social-widget,
.fixed-header .search-button{
display:inline-block
}
#headerwrap .sidemenu .search-button{
margin:0
}
#headerwrap #searchform #s,
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .tf_fa:hover + #s,
#headerwrap #searchform{
width:100%
}
.fixed-header-on #headerwrap #searchform-wrap,
#headerwrap #searchform-wrap{
display:block;
margin:1em 0 0
}
#headerwrap #searchform{
position:relative;
inset:auto;
float:none;
clear:both;
margin:0 0 1em;
padding:0;
width:auto
}
#headerwrap #searchform #s{
width:100%;
float:none;
transition:none;
margin:auto;
color:#000;
padding:11px 15px 10px 35px;
background-color:#eee;
position:static;
height:auto
}
#headerwrap #searchform .tf_fa:hover + #s{
background-color:#eee
}
#headerwrap #searchform .tf_fa{
left:9px;
top:9px;
position:absolute;
background:0;
color:#000;
width:16px;
height:16px;
font-size:18px;
padding:3px;
margin:0;
transform:none
}
/*/wp-content/themes/themify-ultra/styles/headers/media/header-horizontal.css*/
.sidemenu-right #headerwrap{
left:-300px
}
.navbar-wrapper{
display:block;
}
.pull-down{
display:none
}
.social-links .icon-medium i{
margin:auto
}
.header-widget{
display:block;
text-align:inherit;
max-height:none!important
}
/*/wp-content/themes/themify-ultra/skins/fashion/media/mobile-menu.css*/
#headerwrap #main-nav a:hover,
#headerwrap #main-nav ul a:hover,
#headerwrap #main-nav .current_page_item > a,
#headerwrap #main-nav .current-menu-item > a{
color:var(--theme_accent)
}
.header-block .logo-wrap{
margin-bottom:0
}
}
/* END MOBILE MENU CSS */