File: /var/www/html/wppartneramazingsecret/wp-content/themes/themify-ultra/skins/men/style.css
/*
Skin Name:Ultra Men
Version:1.0
Demo URI:https://themify.me/demo/themes/ultra-men/
Required Plugins:builder-contact,builder-timeline,builder-woocommerce,woocommerce
*/
/************************************************************************************
GENERAL
*************************************************************************************/
body{
font-family:'Lato',Arial,sans-serif;
color:#666
}
.post-nav a:hover,
.post-nav .arrow,
a{
color:#c0a477
}
.post-title a:hover,
.post-nav a:hover .arrow{
color:#dcaa2e
}
/* reset general border-radius */
input[type=reset],input[type=submit],button,select,textarea,input[type=checkbox],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],.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
}
.commentlist .comment-reply-link,.tagcloud a,.widget_categories li a,.commentlist .avatar, .commentlist .comment-reply-link{
border-radius:0
}
/* HEADINGS
================================================ */
h1,h2,h3,h4,h5,h6{
font-family:'Lato',Arial,sans-serif;
font-weight:bold;
color:#000
}
h1,.page-title{
font-family:'Lato',Arial,sans-serif;
font-weight:bold;
font-size:3em;
line-height:normal;
letter-spacing:-.02em
}
h3,
h3.fancy-heading{
font-size:1.2em;
font-weight:normal
}
.fancy-heading{
font-family:'Lato',Arial,sans-serif;
font-weight:bold;
overflow:hidden;
color:#c0a477
}
.fancy-heading strong,
.fancy-heading .main-head,
.fancy-heading .sub-head{
font-family:'Lato',Arial,sans-serif;
position:relative;
letter-spacing:.15em;
font-weight:bold
}
.fancy-heading .main-head{
font-size:100%;
text-transform:uppercase;
display:inline-block;
padding:5px 30px;
letter-spacing:.13em;
margin:0 0 .7em;
max-width:65%
}
.fancy-heading .main-head:before,
.fancy-heading .main-head:after{
content:"";
display:block;
border-top:2px solid #c0a477;
position:absolute;
top:50%;
margin-top:-1px;
width:100vw
}
.fancy-heading .main-head:before{
right:100%
}
.fancy-heading .main-head:after{
left:100%
}
/* FORM
================================================ */
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]{
border-color:#e3e3e3;
color:#404040;
padding:.6em
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus{
border-color:#434789
}
input[type=reset],input[type=submit],button{
background-color:#c0a477;
color:#fff;
font-weight:400;
letter-spacing:.05em;
padding:.8em 1.4em;
border:none;
box-shadow:0 0 50px rgba(0,0,0,.15);
text-transform:uppercase;
transition:background-color .3s ease,color .3s ease
}
input[type=reset]:hover,input[type=submit]:hover,button[type=submit]:hover{
background-color:#23282e;
color:#fff
}
textarea{
resize:vertical;
height:260px
}
#commentform p label{
transform:none;
text-transform:none;
font-size:1em;
margin-bottom:.4em
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap a:hover,
.sidemenu-on .top-icon-wrap li a:hover .tooltip{
color:#c0a477
}
/* SITE LOGO
================================================ */
#site-logo{
font-size:1.6em;
font-weight:900
}
/* MAIN NAVIGATION
================================================ */
#main-nav a{
text-transform:uppercase;
padding:1.2em .4em;
letter-spacing:.02em;
margin-right:.25em
}
#main-nav ul a{
text-transform:none;
padding:.4em 1.4em;
letter-spacing:0;
margin:0
}
#main-nav ul a:hover,
#main-nav .mega-menu-posts a:hover,
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
color:#c0a477
}
/* SEARCH OVERLAY
================================================ */
.search-option-tab li:hover a,
.search-option-tab li.active a{
box-shadow:inset 0 -3px 0 0 #dcaa2e
}
.view-all-button:after{
border-color:#dcaa2e
}
/* Search button */
.search-button{
border-radius:0
}
.sidemenu-off .search-button{
border-left:1px solid rgba(0,0,0,.15);
margin-left:15px;
padding-left:20px
}
#headerwrap .search-button:hover{
color:#dcaa2e;
background:none
}
.search-button:before{
padding:.6em .7em
}
/* HEADER OVERLAY
================================================ */
.header-overlay.transparent-header .fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
background-color:rgba(67,71,137,.9)
}
/* HEADER STRIPE
================================================ */
.header-stripe #site-logo{
background-color:#c0a477;
color:#fff
}
/* HEADER HORIZONTAL
================================================ */
.header-horizontal #header{
padding:0
}
.header-horizontal #site-logo{
margin-top:15px
}
/* HEADER LEFTPANE/RIGHTPANE/MINBAR
================================================ */
.header-leftpane #main-nav a,
.header-rightpane #main-nav a,
.header-minbar #main-nav a{
padding:.6em 0
}
/* TRANSPARENT HEADER
================================================ */
.transparent-header #headerwrap{
border-bottom:1px solid rgba(255,255,255,.13)
}
.transparent-header #headerwrap.fixed-header{
background-color:rgba(255,255,255,.9);
color:#000
}
.transparent-header #headerwrap a:hover,
.transparent-header #main-nav a:hover,
.transparent-header #main-nav>.current_page_item>a,
.transparent-header #main-nav>.current-menu-item>a,
.transparent-header #cart-wrap,
.transparent-header #cart-wrap a{
color:#c0a477
}
/************************************************************************************
POSTS
*************************************************************************************/
/* POST TITLE
================================================ */
.loops-wrapper.list-post .post-date,
.single .post-content .post-date{
background:rgba(220,170,46,.8);
color:#fff
}
.single .post-content .post-date-inline .post-date{
text-align:inherit
}
/* post title */
.post-title{
font-size:1.8em;
line-height:1.3em;
letter-spacing:-.02em;
margin:0 0 .4em;
padding:0
}
.single .post-meta,
.single .post-title{
text-align:inherit
}
.post-meta{
font-size:.8em
}
.post-category{
text-transform:uppercase
}
.post-category a{
background-color:#656262;
color:#fff;
display:inline-block;
padding:.6em 1.2em;
margin-right:5px;
margin-bottom:5px;
line-height:normal;
font-weight:normal;
font-size:.85em;
letter-spacing:.15em
}
.post-meta .post-author:after,
.post-meta .post-category:after,
.post-meta .post-tag:after{
opacity:1;
height:4px;
transform:none;
border-color:rgba(0,0,0,.15);
border-width:3px;
border-radius:100%
}
.query-post .post-category a,
.archive .post-category a{
background:0;
color:inherit;
padding:unset;
text-transform:none;
letter-spacing:unset
}
/* post image */
.post-image img,
.loops-wrapper.boxed .post-image img,
.product-image img{
border-radius:0
}
.woocommerce ul.products li.product .add-to-cart-button{
margin-bottom:0
}
/* grid2 thumb */
.loops-wrapper.grid2-thumb .post{
border-radius:0;
border:1px solid #ddd;
background-image:linear-gradient( 0deg,rgb(245,250,255) 0,rgb(255,255,255) 67%);
transition:box-shadow .25s;
color:#808080;
box-sizing:border-box
}
.loops-wrapper.grid2-thumb .post:hover{
box-shadow:0 11px 46px 0 rgba(0,0,0,.12)
}
.loops-wrapper.grid2-thumb .post .entry-content>p{
max-height:40px;
overflow:hidden;
line-height:normal;
margin:0 0 2.8em
}
.loops-wrapper.grid2-thumb .post .entry-content>p:last-child{
margin:0
}
.loops-wrapper.grid2-thumb .post-content{
box-sizing:border-box;
padding:5% 5.5%
}
.loops-wrapper.grid2-thumb .post-title{
font-family:inherit;
font-weight:normal;
letter-spacing:.02em;
margin:.6em 0 .8em
}
.loops-wrapper.grid2-thumb .post-author,
.loops-wrapper.grid2-thumb .post-comment,
.loops-wrapper.grid2-thumb .post-date{
display:none;
}
.loops-wrapper.grid2-thumb .post-content-inner{
display:flex;
flex-direction:column
}
.loops-wrapper.grid2-thumb .post-meta{
order:-1
}
.loops-wrapper.grid2-thumb .post-image{
float:right;
margin: 0;
}
.loops-wrapper.boxed .post{
background-color:#fff;
box-shadow:0 2px 8px 0 rgba(0,0,0,.12);
border-radius:0;
padding:0 0 .5em;
text-align:inherit
}
.loops-wrapper.grid3 .post-title{
font-size:1.3em
}
/************************************************************************************
WIDGETS
*************************************************************************************/
#sidebar{
font-size:.95em
}
.footer-widgets .widgettitle,
.widgettitle{
font-size:1.25em;
font-weight:bold;
letter-spacing:.06em;
margin:0 0 .75em
}
.footer-widgets .widgettitle{
text-transform:none
}
.social-links.horizontal li{
margin:0 1.8em 5px 0
}
.footer-widgets .widget li,
.widget li{
padding:0 0 .6em;
margin:0
}
/* SHOP SIDEBAR WIDGETS
================================================ */
.wpf_items_wrapper .wpf_item ul.wpf_column_vertical li{
display:block
}
#pagewrap .wpf_item .wpf_item_name{
color:#000;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.015em;
padding:0;
border:none
}
#pagewrap .wpf_item_onsale .wpf_item_name{
font-size:1em;
text-transform:none
}
.wpf_items_group .wpf_slider.ui-slider .ui-slider-handle{
border-color:#808080
}
input[type=checkbox]:checked + label{
color:#c0a477
}
.wpf_hide_text li>input:checked+label>i:after,
.wpf_item input[type="checkbox"]:checked:before{
margin-top:-4px;
margin-left:2px
}
.wpf_item input[type="checkbox"]{
border-color:#ddd
}
.wpf_item input[type="checkbox"]:checked,
.wpf_item input[type="checkbox"]:hover{
border-color:#0f0f0f
}
#sidebar .wpf_items_wrapper ul li:before{
display:none
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
background-color:#f2f0f0;
font-size:.95em;
padding-bottom:0
}
#footerwrap a{
color:#808080
}
#footerwrap a:hover{
color:#dcaa2e
}
#footerwrap .footer-tab{
background-color:#fff;
color:#000
}
#footer{
font-size:unset
}
/* FOOTER BACK TO TOP
================================================ */
#pagewrap .back-top-float,
.back-top:not(.back-top-float) .arrow-up a{
background-color:#fff;
color:#000
}
#pagewrap .back-top-float:hover,
.back-top:not(.back-top-float) .arrow-up a:hover{
background-color:#dcaa2e;
color:#fff
}
/* FOOTER TEXT
================================================ */
.footer-text{
display:flex;
flex-direction:row;
width:100%
}
.back-top:not(.back-top-float) + .footer-text{
width:calc(100% - 67px);
float:right
}
/* BOTTOM FOOTER
================================================ */
.section-col + .footer-text{
position:relative;
background-color:#656262;
color:#fff;
padding:1.6em 0
}
.section-col + .footer-text:before,
.section-col + .footer-text:after{
content:"";
display:block;
background-color:inherit;
position:absolute;
width:100%;
width:100vw;
height:100%;
top:0
}
.section-col + .footer-text:before{
right:100%
}
.section-col + .footer-text:after{
left:100%
}
.section-col + .footer-text .one,
.section-col + .footer-text .two{
display:inline-block;
vertical-align:middle
}
.section-col + .footer-text .one{
margin-right:.4em
}
#footerwrap .section-col + .footer-text a{
color:#fff
}
/************************************************************************************
BUILDER STYLING
*************************************************************************************/
/* IMAGE MODULE
================================================ */
/* Image Full Overlay */
.module-image.image-full-overlay{
overflow:hidden
}
.module-image.image-full-overlay .image-content{
margin:5%
}
.module-image.image-full-overlay .image-content:after{
content:"";
display:block;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:-1;
transition:all .25s cubic-bezier(.18,.89,.32,1.28);
border:4px solid rgba(192,164,119,.5);
transform:scale(1)
}
.module-image.image-full-overlay:hover .image-content:after{
transform:scale(0)
}
.module-image.image-full-overlay .image-content:before{
transform:scale(3);
transition:all .25s cubic-bezier(.18,.89,.32,1.28)
}
.module-image.image-full-overlay:hover .image-content:before{
transform:scale(1)
}
/* Image Overlay */
.module-image.image-overlay .image-wrap{
overflow:hidden
}
.module-image.image-overlay .image-wrap a + .image-content,
.module-image.image-overlay img + .image-content{
transform:translateY(100%);
transition:all .25s cubic-bezier(.18,.89,.32,1.28)
}
.module-image.image-overlay:hover .image-wrap a + .image-content,
.module-image.image-overlay:hover img + .image-content{
transform:translateY(0)
}
/* SLIDER MODULE
================================================ */
/* Controls */
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-prev,
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-next,
.themify_builder_slider_wrap .carousel-prev,
.themify_builder_slider_wrap .carousel-next{
background-color:#c0a477;
color:#fff;
min-width:31px;
min-height:31px;
line-height:28px;
font-size:100%;
border-radius:0;
padding:0;
top:40%
}
.themify_builder_slider_wrap .carousel-prev{
left:0;
text-align:right
}
.themify_builder_slider_wrap .carousel-next{
right:0;
text-align:left
}
/* BUTTON MODULE
================================================ */
.module-buttons-item a span{
letter-spacing:.11em
}
.module-buttons.xlarge span{
font-size:1.1em;
padding:.1em .6em .05em .9em
}
.ui.builder_button{
text-transform:uppercase;
box-shadow:0 0 50px rgba(0,0,0,.15)
}
/*TIMELINE MODULE
================================================ */
.module.module-timeline.layout-list>ul:before{
border-width:1px;
border-color:#ddd;
top:-60px;
height:calc(100% + 165px)
}
.module.module-timeline.layout-list>ul>li{
margin:0 0 8.5em
}
.module.module-timeline.layout-list>ul>li:last-child{
margin:0
}
.module.module-timeline.layout-list>ul>li:first-child:before{
content:"";
display:block;
border-left:1px solid rgb(192,164,119);
height:300px;
position:absolute;
top:-60px;
pointer-events:none
}
.module.module-timeline.layout-list .module-timeline-date{
color:#0f1720;
font-weight:bold;
background-color:#fff;
position:relative;
margin-left:2.2em
}
.module-timeline.layout-list>ul>li:last-child .module-timeline-date{
position:absolute;
top:100%;
margin-top:80px;
background-color:transparent
}
.module-timeline.layout-list .module-timeline-icon{
display:none
}
.module.module-timeline.layout-list .module-timeline-title{
font-weight:bold;
font-size:1.5em;
margin:0 0 .35em
}
.module.module-timeline.layout-list .entry-content{
font-size:1.1em;
line-height:1.65em;
letter-spacing:.01em
}
.module.module-timeline.layout-list .entry-content h3{
color:#0f1720;
font-weight:300;
font-size:1.1em;
text-transform:uppercase;
letter-spacing:.055em;
margin:0 0 1.25em
}
.module.module-timeline.layout-list .module-timeline-dot{
background-color:#ddd
}
.module-timeline.layout-list>ul>li .module-timeline-dot{
display:none;
width:16px;
height:16px;
margin-left:0;
transform:translateX(-50%)
}
.module-timeline.layout-list>ul>li:last-child .module-timeline-dot{
display:block;
position:absolute;
top:100%;
margin-top:40px
}
.module-timeline.layout-list>ul>li:first-child .module-timeline-dot{
display:block;
margin-top:-80px;
background-color:#c0a477;
box-shadow:0 0 0 5px #fff,0 0 0 6px #f5cbcd,0 0 0 10px #fff,0 0 0 11px #f5cbcd
}
@media screen and (min-width:681px){
.module.module-timeline.layout-list>ul>li:first-child:before{
top:-100px
}
.module-timeline.layout-list>ul>li:first-child .module-timeline-dot{
margin-top:-110px
}
.module.module-timeline.layout-list .module-timeline-content-wrap{
width:100%
}
.module.module-timeline.layout-list .module-timeline-image,
.module.module-timeline.layout-list .entry-content{
float:left;
width:50%;
padding:0 7%;
box-sizing:border-box
}
.module.module-timeline.layout-list .module-timeline-title{
padding-left:50%;
margin-left:7%;
box-sizing:border-box;
margin-top:2.5em
}
.module.module-timeline.layout-list .module-timeline-image{
margin-top:-4em
}
.module.module-timeline.layout-list .module-timeline-date{
width:auto;
margin-left:0;
position:absolute;
transform:translateX(-50%);
left:50%;
font-size:1.5em
}
.module.module-timeline.layout-list>ul>li:first-child:before,
.module.module-timeline.layout-list .module-timeline-dot,
.module.module-timeline.layout-list>ul:before,
.module.module-timeline.layout-list .module-timeline-icon{
left:50%
}
.module.module-timeline.layout-list>ul:before{
top:-100px
}
.module-timeline.layout-list>ul>li:after{
content:"";
clear:both;
display:block
}
.module-timeline.layout-list>ul>li:nth-of-type(even) .module-timeline-image{
float:right
}
.module-timeline.layout-list>ul>li:nth-of-type(even) .entry-content{
float:left;
text-align:right
}
.module-timeline.layout-list>ul>li:nth-of-type(even) .module-timeline-title{
padding-left:0;
padding-right:7%;
margin-left:0;
margin-right:7%;
text-align:right;
width:50%
}
}
@media screen and (max-width:680px){
.module.module-timeline.layout-list>ul>li:first-child:before{
left:25%
}
.module-timeline.layout-list .module-timeline-content{
display:flex;
flex-wrap:wrap
}
.module.module-timeline.layout-list .module-timeline-image{
order:-1;
margin-top:2em
}
.module.module-timeline.layout-list>ul:before{
height:calc(100% + 110px)
}
.module-timeline.layout-list>ul>li:last-child .module-timeline-date{
margin-top:15%
}
}
/************************************************************************************
WOOCOMMERCE STYLES
*************************************************************************************/
/* BUILDER 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,.builder_button{
background-color:#c0a477;
color:#fff;
border:none;
padding:.9em 1em;
box-shadow:0 0 50px rgba(0,0,0,.15);
letter-spacing:.05em;
text-transform:uppercase;
transition:background-color .3s ease,color .3s ease
}
#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,.module.module-buttons .tb_default_color:hover{
background-color:#23282e;
color:#fff
}
/* Shop Archive */
.woocommerce .related .products .product,
.woocommerce ul.products.grid4 .product,
.woocommerce ul.products.grid3 .product,
.woocommerce ul.products.grid2 .product{
box-shadow:0 5px 9.8px .2px rgba(77,77,77,.14);
transition:box-shadow .25s;
text-align:inherit;
border-radius:0;
padding:0
}
.woocommerce .related .products .product:hover,
.woocommerce ul.products.grid4 .product:hover,
.woocommerce ul.products.grid3 .product:hover,
.woocommerce ul.products.grid2 .product:hover{
box-shadow:0 11px 60.76px 1.24px rgba(77,77,77,.3)
}
.woocommerce .related .products .post-image,
.woocommerce ul.products.grid4 .post-image,
.woocommerce ul.products.grid3 .post-image,
.woocommerce ul.products.grid2 .post-image{
margin:0
}
.woocommerce ul.products li.product a img{
margin:0
}
.woocommerce ul.products.grid4 .post-content,
.woocommerce ul.products.grid3 .post-content,
.woocommerce ul.products.grid2 .post-content,
.woocommerce .related .products .product-content,
.woocommerce ul.products.grid4 .product-content,
.woocommerce ul.products.grid3 .product-content,
.woocommerce ul.products.grid2 .product-content{
padding:5% 7%;
box-sizing:border-box
}
.woocommerce .related .products li.product .button,
.woocommerce ul.products.grid4 li.product .button,
.woocommerce ul.products.grid3 li.product .button,
.woocommerce ul.products.grid2 li.product .button{
display:block;
text-align:center;
font-weight:bold;
font-size:.9em;
letter-spacing:.05em;
margin:.75em 0;
padding:.9em 1em
}
.woocommerce .related .products .product-content,
.woocommerce ul.products.grid4 .product-content,
.woocommerce ul.products.grid3 .product-content,
.woocommerce ul.products.grid2 .product-content{
display:flex;
flex-wrap:wrap;
flex-direction:column
}
.woocommerce ul.products li.product .add-to-cart-button{
order:1
}
.woocommerce .related .products h3,
.woocommerce ul.products li.product h3,
.woocommerce ul.products.grid4 .product-content .product_title,
.woocommerce ul.products.grid3 .product-content .product_title,
.woocommerce ul.products.grid2 .product-content .product_title{
font-weight:normal
}
.woocommerce .related .products .product-content .price,
.woocommerce ul.products.grid4 .product-content .price,
.woocommerce ul.products.grid3 .product-content .price,
.woocommerce ul.products.grid2 .product-content .price{
border-bottom:1px solid #ddd;
font-weight:bold;
padding-bottom:.35em;
margin:0 0 .4em;
color:#0f1720
}
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins{
font-weight:bold;
color:#0f1720
}
/* ARCHIVE PRODUCTS
================================================ */
/* Sale */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
background-color:#c0a477;
color:#fff
}
/* Star rating */
.woocommerce .star-rating span::before{
color:#c0a477
}
.woocommerce .products .product .star-rating{
margin:0 0 .5em
}
/* Result count & Ordering */
.woocommerce .woocommerce-result-count{
font-weight:300;
font-size:1em;
text-transform:uppercase;
letter-spacing:.05em
}
.woocommerce .woocommerce-ordering{
margin-top:-1em;
font-size:.9em
}
.woocommerce .woocommerce-ordering select{
text-transform:uppercase;
font-weight:normal;
font-size:.975em;
padding:.5em 0 .3em;
padding-right:30px;
border-color:#c0a477
}
#pagewrap .wpf_item .wpf_color_icons li input[type=radio],
#pagewrap .wpf_item .wpf_color_icons li input[type=checkbox]{
display:none
}
/* SINGLE PRODUCTS
================================================ */
/* breadcrumb */
.woocommerce .woocommerce-breadcrumb{
font-weight:bold;
color:#c0a477;
text-transform:uppercase
}
.woocommerce .woocommerce-breadcrumb a{
color:#0f1720
}
/* quantity */
.woocommerce .quantity .qty{
padding:.75em
}
/* tabs */
.woocommerce #content div.product .woocommerce-tabs ul.tabs li{
font-size:unset;
border-bottom:2px solid transparent
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a{
color:#0f1720;
font-size:1.05em;
font-weight:bold;
text-transform:none;
letter-spacing:-.02em;
padding: .9em 2.15em;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover{
border-color: #c0a477
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width:680px){
h1,.page-title{
font-size:1.9em
}
h3{
font-size:1.1em;
}
}