File: /var/www/html/wppartneramazingsecret/wp-content/themes/themify-ultra/skins/accountant/style.css
/*
Skin Name:Ultra Accountant
Version:1.0
Demo URI:https://themify.me/demo/themes/ultra-accountant/
Required Plugins:builder-contact, builder-maps-pro
*/
/************************************************************************************
GENERAL
*************************************************************************************/
body{
font:1em/1.6em 'Public Sans',Arial,sans-serif;
color:#636363
}
.post-nav .arrow,
a{
color:#22436c
}
a:hover,
#footer a:hover,
.post-nav a:hover > span,
.post-title a:hover{
color:#c4943a
}
/* 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
}
/* form elements */
label{
color:#a7a6a6;
display:block;
font-family:'Montserrat',Arial,sans-serif;
font-size:.75em;
font-weight:400;
text-transform:uppercase;
letter-spacing:.125em
}
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:none;
border:none;
border-bottom:1px solid #ccc;
color:#707070;
padding:.6em .6em .95em 0
}
input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel]{
max-width:none
}
select{
background:none;
border:none;
border-bottom:1px solid rgba(0,0,0,.2);
width:100%;
max-width:27.3em
}
input[type=reset], input[type=submit], button{
background-color:#c4943a;
padding:.9em 2em;
font-size:1em;
font-weight:400;
font-weight:700
}
input[type=reset]:hover,
input[type=submit]:hover,
button:hover{
background-color:#22436c
}
textarea{
min-height:inherit;
max-height:130px
}
#content, #sidebar, #sidebar-alt{
padding-top:10%
}
/************************************************************************************
HEADING
*************************************************************************************/
h1, h2, h3, h4, h5, h6{
font-weight:900
}
h1{
color:#000;
font:900 normal 3.5em/1em 'Playfair Display', serif;
margin:0 0 .5em;
letter-spacing:-.007em;
text-transform:none
}
h2{
color:#000;
font:900 normal 3em/1.4em 'Playfair Display', serif;
margin:0 0 .7em;
letter-spacing:normal
}
h3{
font:bold 1.6em/1.5em 'Montserrat',Arial,sans-serif;
text-transform:none;
letter-spacing:normal
}
h4{
letter-spacing:.06em
}
h5{
font:normal 1.3em/1.6em 'Playfair Display', serif;
letter-spacing:.02em;
margin:0 0 1em
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap{
background-color:#182638;
color:#fff;
border:none
}
/* SITE LOGO
================================================ */
#site-logo{
font-family:'Montserrat',Arial,sans-serif;
font-weight:700;
word-break:break-all
}
/* MAIN NAVIGATION
================================================ */
#main-nav a{
letter-spacing:.04em;
font-family:'Montserrat',Arial,sans-serif;
font-weight:700;
font-size:.85em;
text-transform:uppercase;
padding:1.1em .85em 1.35em;
box-sizing:border-box
}
#main-nav ul a{
font-weight:700;
text-transform:uppercase
}
/* highlight-link */
#main-nav .highlight-link > a{
background-color:#c4943a;
color:#fff;
padding:1.2em 1.35em;
letter-spacing:.12em;
font-size:.8em;
margin-left:1.2em;
margin-right:0;
border:none
}
#main-nav .highlight-link > a:hover,
#main-nav .highlight-link.current_page_item > a,
#main-nav .highlight-link.current-menu-item > a{
box-shadow:none;
background-color:rgba(0,0,0,.7);
color:#fff
}
/* main level link :hover, current link, sub level link :hover */
#main-nav a:hover,
#main-nav ul a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#main-nav .mega-menu-posts a:hover{
color:#c4943a
}
/* HEADER TOP WIDGETS
================================================ */
.header-widget-full{
background-color:transparent;
font-size:1.1em
}
.header-widget-full a{
color:#c4943a
}
.header-widget-full .fa-phone{
color:#c4943a;
font-size:29px;
margin-right:15px;
vertical-align:middle
}
.header-top-widgets:not(.mobile_menu_active) #header{
background-color:#22436c;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
transform:translateY(50%);
margin-top:-50px
}
.header-top-widgets:not(.mobile_menu_active) .fixed-header #header{
padding:1em 0
}
.header-top-widgets:not(.mobile_menu_active) #site-logo{
letter-spacing:-.03em;
padding-left:35px
}
.header-top-widgets:not(.mobile_menu_active) #site-description{
padding-left:35px
}
.header-top-widgets:not(.mobile_menu_active) #main-nav{
padding-right:30px !important
}
.header-widget-full .col4-2:last-child .widget{
text-align:right
}
.header-top-widgets #site-logo{
font-size:2.5em
}
/* highlight-link */
.header-leftpane #main-nav li.highlight-link>a{
background:none;
padding:.4em 0;
margin-left:0
}
/* mobile highlight-link :hover */
.header-leftpane #headerwrap #main-nav .highlight-link>a:hover,
.header-leftpane #main-nav .highlight-link.current_page_item > a,
.header-leftpane #main-nav .highlight-link.current-menu-item > a{
background:none;
color:#c4943a
}
/* highlight-link */
.header-rightpane #main-nav li.highlight-link>a{
background:none;
margin-left:0
}
/* mobile highlight-link :hover */
.header-rightpane #headerwrap #main-nav .highlight-link>a:hover,
.header-rightpane #main-nav .highlight-link.current_page_item > a,
.header-rightpane #main-nav .highlight-link.current-menu-item > a{
background:none;
color:#c4943a
}
/* HEADER BOXED CONTENT
================================================ */
.boxed-content #headerwrap,
.boxed-content #footerwrap{
background-color:transparent;
color:#000
}
.boxed-content #footerwrap a{
color:inherit
}
.boxed-content #footer a:hover{
color:#c4943a
}
/* HEADER BOXED COMPACT
================================================ */
.boxed-compact #site-logo{
margin-top:13px;
}
/* HEADER SLIDE OUT
================================================ */
.header-slide-out:not(.mobile_menu_active) .sidemenu{
background-color:#182638;
color:#fff
}
.header-slide-out:not(.mobile_menu_active) #main-nav a,
.header-slide-out:not(.mobile_menu_active) #main-nav ul a,
.header-slide-out:not(.mobile_menu_active) #main-nav .mega-menu-posts a{
color:inherit
}
/* highlight-link */
.header-minbar #main-nav li.highlight-link a,
.header-slide-out #main-nav li.highlight-link a{
background:none;
padding:.4em 0;
margin-left:0
}
/* mobile highlight-link :hover */
.header-slide-out #headerwrap #main-nav .highlight-link a:hover,
.header-slide-out #main-nav .highlight-link.current_page_item > a,
.header-slide-out #main-nav .highlight-link.current-menu-item > a{
background:none;
color:#c4943a
}
/* HEADER MINBAR
================================================ */
.header-minbar .sidemenu{
background-color:#22436c;
color:#fff
}
/* mobile highlight-link :hover */
.header-minbar #headerwrap #main-nav .highlight-link a:hover,
.header-minbar #main-nav .highlight-link.current_page_item > a,
.header-minbar #main-nav .highlight-link.current-menu-item > a{
background:none;
color:#c4943a
}
/* HEADER OVERLAY
================================================ */
.header-overlay.mobile-menu-visible #headerwrap{
background-color:rgba(34, 67, 108, .9)
}
/* highlight-link */
.header-overlay #main-nav li.highlight-link a{
background:none;
padding:.4em 0;
margin-left:0
}
/* mobile highlight-link :hover */
.header-overlay #headerwrap #main-nav .highlight-link a:hover,
.header-overlay #main-nav .highlight-link.current_page_item > a,
.header-overlay #main-nav .highlight-link.current-menu-item > a{
background:none;
color:#c4943a
}
/* HEADER STRIPE
================================================ */
.header-stripe #headerwrap{
color:#000
}
.header-stripe #site-logo{
background-color:#22436c
}
.header-stripe .fixed-header .fixed-header{
background-color:transparent
}
/* HEADER MAGAZINE
================================================ */
.header-magazine .fixed-header #main-nav > li > a{
color:#fff
}
/* FIXED HEADER
================================================ */
#headerwrap.fixed-header{
background-color:rgba(34, 67, 108, .9)
}
/* TRANSPARENT HEADER
================================================ */
.header-top-widgets.transparent-header:not(.mobile_menu_active) #header,
.transparent-header #header{
background-color:transparent;
color:inherit;
transform:none
}
/************************************************************************************
PAGE
*************************************************************************************/
.page-title{
font-family:'Playfair Display', serif;
font-size:4.5em;
text-align:center
}
/************************************************************************************
POST
*************************************************************************************/
.loops-wrapper.list-post .post-date,
.single .post-content .post-date{
background-color:#22436c
}
#content .post-title a{
text-decoration:none
}
/* COMMENTS
================================================ */
/* reply link */
.commentlist .comment-reply-link:hover{
background-color:#22436c;
color:#fff;
border-color:#22436c
}
.commentlist .commententry{
padding-left:63px
}
/* PAGINATION
================================================ */
.pagenav a:hover{
text-decoration:none
}
.pagenav .current{
border:solid 1px #c4943a;
background-color:#c4943a;
color:#fff
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
background-color:#182638;
color:#9aa0a7
}
#footerwrap a{
color:#fff
}
#footer{
font-size:.95em
}
/* footer logo */
#footer-logo{
font-weight:700
}
.footer-horizontal-left #footer-logo,
.footer-horizontal-right #footer-logo,
.footer-left-col #footer-logo,
.footer-right-col #footer-logo{
font-size:2.5em;
line-height:normal;
letter-spacing:-.02em;
margin:0
}
#pagewrap .back-top-float,
.back-top:not(.back-top-float) .arrow-up a{
background:#c4943a;
}
.footer-block .back-top:not(.back-top-float) .arrow-up a{
background:0
}
/* footer nav */
.footer-nav{
font-family:'Playfair Display', serif;
font-weight:900;
margin-bottom:.8em
}
.footer-nav a{
text-transform:uppercase;
letter-spacing:.1em;
margin-right:1.425em
}
/* footer text */
.footer-text{
border-top:1px solid #c4943a;
padding-top:1.5em
}
/************************************************************************************
BUILDER
*************************************************************************************/
/* FANCY HEADING */
.module-fancy-heading h1 .main-head{
font-size:25%;
font-family:'Montserrat',Arial,sans-serif;
font-weight:700;
letter-spacing:normal;
text-transform:uppercase
}
.module-fancy-heading h1 .sub-head{
font-size:129%;
padding:0;
padding-top:2px;
line-height:1em;
letter-spacing:-.012em
}
.module-fancy-heading .fancy-heading .sub-head:before,
.module-fancy-heading h1 .sub-head:before{
display:none
}
/* Custom Fancy Heading H2 */
h2.fancy-heading .main-head{
position:relative;
padding-top:.4em;
padding-bottom:.25em;
line-height:normal
}
.module-fancy-heading h2.fancy-heading .main-head:before,
.module-fancy-heading h2.fancy-heading .main-head:after{
content:'';
display:block;
border-top:1px solid rgba(0,0,0,.2);
width:100%;
max-width:170px;
position:absolute;
top:0
}
.module-fancy-heading h2.fancy-heading .main-head:after{
top:-2px;
max-width:75px;
border-width:5px;
border-color:#2069ad
}
.module-fancy-heading h2.fancy-heading.tf_textc .main-head:before,
.module-fancy-heading h2.fancy-heading.tf_textc .main-head:after{
left:50%;
transform:translateX(-50%)
}
.module-fancy-heading h2.fancy-heading.tf_textl .main-head:after{
left:45px
}
.module-fancy-heading h2.fancy-heading.tf_textr .main-head:before,
.module-fancy-heading h2.fancy-heading.tf_textr .main-head:after{
left:auto;
right:0
}
.module-fancy-heading h2.fancy-heading.tf_textr .main-head:after{
left:auto;
right:45px
}
h2.fancy-heading .sub-head{
position:relative;
padding-top:.4em;
padding-bottom:.4em;
text-transform:uppercase;
font-family:'Montserrat',Arial,sans-serif;
font-weight:700;
font-size:30%;
line-height:normal;
letter-spacing:-.03em
}
.module-fancy-heading.tb_hide_divider h2.fancy-heading .main-head:before,
.module-fancy-heading.tb_hide_divider h2.fancy-heading .main-head:after{
display:none
}
/* Custom Fancy Heading H3 */
.module-fancy-heading h3 .main-head{
font-family:'Playfair Display', serif;
font-weight:900;
font-size:141%;
letter-spacing:normal;
line-height:normal
}
.module-fancy-heading h3 .sub-head{
font-family:'Montserrat',Arial,sans-serif;
font-weight:700;
font-size:55%;
padding:0;
padding-top:1.7em;
text-transform:uppercase;
letter-spacing:.145em
}
.module-fancy-heading h3 .sub-head:before{
display:none
}
/* IMAGE */
.module-image .image-title{
font-size:.975em;
text-transform:uppercase;
letter-spacing:.03em;
margin-bottom:.8em
}
/* BUTTONS */
.module .module-buttons.outline a.orange.builder_button{
border-color:#c4943a;
color:#fff
}
.module .module-buttons.outline a.orange.builder_button:hover{
background-color:#c4943a
}
.ui.builder_button{
font-family:'Montserrat',Arial,sans-serif;
font-weight:700;
font-size:.82em;
text-transform:uppercase;
letter-spacing:.1em;
padding:1.4em 1.5em 1.5em 2.1em
}
.module-buttons a.brown{
border-color:#c4943a;
background-color:#c4943a;
color:#fff
}
/* VERTICAL DIVIDER */
.vertical-divider:after{
border-left:1px solid #c4943a;
position:absolute;
height:130px;
left:50%;
bottom:0;
margin-bottom:-55px;
z-index:1
}
/* POST MODULE */
.module-post .loops-wrapper.polaroid{
margin:0
}
.loops-wrapper.polaroid .post{
text-align:left
}
.loops-wrapper.polaroid .post-image:before{
content:'';
display:block;
position:absolute;
top:0;
width:100%;
height:100%;
background:linear-gradient(to bottom,rgba(24,37,54,.35) 0%,rgba(24,37,54,.72) 35%,rgba(24,37,54,.93) 59%,rgba(24,37,54,1) 72%,rgba(24,37,54,1) 100%)
}
.loops-wrapper.overlay .post-image img,
.loops-wrapper.polaroid .post-image img{
max-height:100%;
max-width:100%;
height:100%;
width:auto;
object-fit:cover;
min-height:358px
}
.loops-wrapper.polaroid .post-image + .post-content{
background:none;
padding:0
}
.loops-wrapper.polaroid .post:hover .post-image + .post-content{
background-color:rgba(24, 37, 54, .95)
}
.loops-wrapper.polaroid .post .post-content-inner{
padding:0 15%
}
.loops-wrapper.polaroid .post:hover .post-image + .post-content .post-content-inner{
width:100%;
top:50%;
left:0;
position:absolute;
transform:translateY(-50%);
box-sizing:border-box
}
.polaroid .entry-content p:first-child{
overflow:hidden;
max-height:75px;
margin-bottom:3em
}
.loops-wrapper.overlay .entry-content p:nth-of-type(1),
.loops-wrapper.polaroid .entry-content p:nth-of-type(1){
overflow:hidden;
width:100%;
white-space:nowrap;
text-overflow:ellipsis
}
a.load-more-button,
.more-link{
background-color:#c4943a;
color:#fff;
display:inline-block;
padding:.85em 1.8em;
font-size:1em;
font-weight:400;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
letter-spacing:.065em;
line-height:normal
}
.more-link:after{
display:none
}
a.load-more-button:hover,
.more-link:hover{
background-color:#22436c;
color:#fff
}
.post-date{
color:#c4943a
}
/* OPTIN */
.tb_optin_horizontal .tb_optin_form input,
.tb_optin_horizontal .tb_optin_form .tb_optin_submit button{
margin:0
}
/* COMMENT FORM */
.commentwrap .comment-form-author,
.commentwrap .comment-form-email{
float:left;
width:48%
}
.commentwrap .comment-form-author{
padding-right:2%
}
.commentwrap .comment-form-email{
padding-left:2%
}
.commentwrap .comment-form-comment,
.commentwrap .comment-form-url{
clear:both;
overflow:hidden
}
/* TESTIMONIAL SLIDER */
.module-testimonial-slider .themify_builder_slider > li .testimonial-image,
.module-testimonial-slider .themify_builder_slider > li .testimonial-content{
max-width:700px;
margin:auto;
padding:0 30px
}
.module-testimonial-slider .themify_builder_slider > li .testimonial-image{
margin-bottom:32px
}
.module-testimonial-slider .testimonial-title{
font-family:'Playfair Display', serif;
font-weight:900;
font-size:1.7em;
letter-spacing:.04em;
line-height:1.75em;
margin-bottom:46px
}
.module-testimonial-slider .testimonial-author .person-name{
font-weight:700;
letter-spacing:.04em;
margin-bottom:7px
}
.module-testimonial-slider .testimonial-author .person-company{
font-size:90%;
letter-spacing:-.01em
}
.module-testimonial-slider .carousel-nav-wrap .carousel-prev,
.module-testimonial-slider .carousel-nav-wrap .carousel-next{
background:none;
color:#c4943a
}
/* OUR TEAM */
.module-image.image-card-layout{
text-align:left
}
.module-image.image-card-layout{
overflow:hidden;
box-shadow:none
}
.module-image.image-card-layout .image-wrap{
transform:scale(1);
transform-origin:top;
transition:transform .3s linear
}
.module-image.image-card-layout .image-content{
background-color:#fff;
color:#7d7d7d;
padding:26px 44px 30px;
margin:0;
transform:scale(1);
transform-origin:top;
transition:transform.3s linear,opacity.3s linear
}
.module-image.image-card-layout .image-content .image-title{
color:#182638;
font-family:'Playfair Display', serif
}
.module-image.image-card-layout .image-content .image-caption{
font-size:90%
}
.module-image.image-card-layout:hover .image-content{
background-color:#f4f4f4;
transform:scale(0);
transform-origin:top;
opacity:0
}
.module-image.image-card-layout:hover .image-wrap{
transform:scale(1.5);
transform-origin:top
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width:1000px){
.header-top-widgets #site-logo{
font-size:30px
}
}
@media screen and (max-width:800px){
.loops-wrapper.overlay .post-image img,
.loops-wrapper.polaroid .post-image img{
width:100%
}
.polaroid .post-content .post-title,
.polaroid .entry-content p:first-child{
overflow:hidden;
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
color:#fff
}
}
@media screen and (max-width:760px){
/* Heading */
h1,
.page-title{
font-size:2.4em
}
/* highlight link */
#headerwrap #main-nav .highlight-link a:hover,
#headerwrap #main-nav .highlight-link.current_page_item > a,
#headerwrap #main-nav .highlight-link.current-menu-item > a{
background:none;
color:#c4943a
}
/* VERTICAL DIVIDER */
.vertical-divider:after{
height:40px;
margin-bottom:-20px
}
}
@media screen and (max-width:680px){
h1,
.page-title{
font-size:1.9em
}
h2{
font-size:1.7em
}
h3{
font-size:1.2em;
letter-spacing:0
}
.module-feature .module-feature-title,
h4{
font-size:1.1em
}
.module-fancy-heading h1 .main-head,
.module-fancy-heading h2 .sub-head{
font-size:40%
}
.footer-horizontal-left #footer-logo,
.footer-horizontal-right #footer-logo,
.footer-left-col #footer-logo,
.footer-right-col #footer-logo{
font-size:1.8em
}
}