File: /var/www/html/wppartneramazingsecret/wp-content/themes/themify-ultra/skins/photography/style.css
/*
Skin Name:Ultra Photography
Version:1.0
Demo URI:https://themify.me/demo/themes/ultra-photography/
Required Plugins:builder-contact, themify-portfolio-post
*/
/************************************************************************************
GENERAL
*************************************************************************************/
body{
font:1.05em/1.6em 'Muli',Arial,sans-serif;
color:#7d7d7d
}
.post-nav .arrow,
a{
color:#993333
}
a:hover,
#footer a:hover,
.post-nav a:hover > span,
.post-title a:hover{
color:#000
}
h1, h2, h3, h4, h5, h6{
font-family:'Playfair Display', serif
}
h3{
font-weight:700
}
h1{
text-transform:none;
line-height:.975em;
letter-spacing:normal;
font-weight:700
}
/* form */
input[type="checkbox"]{
border:solid 1px #000
}
textarea{
resize:vertical
}
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:none;
border-bottom:1px solid #000;
width:100%;
max-width:none;
margin:0
}
input[type=reset], input[type=submit], button{
background-color:transparent;
border:1px solid #000;
color:#000;
padding:.25em 1.2em .45em 1.4em;
font-family:'Playfair Display', serif;
font-weight:700;
font-size:1.45em;
text-transform:none;
letter-spacing:-.025em
}
input[type=reset]:hover,
input[type=submit]:hover,
button:hover{
background-color:#000;
color:#fff
}
textarea{
border:1px solid #000;
min-height:283px
}
form p{
margin:0 0 2.9em
}
/* 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
}
.single.single-slider-layout .featured-area .carousel-pager a,.themify_builder_slider_wrap .carousel-pager a,.module_row .row-slider-dot{
border-radius:0
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap{
background-color:#fff;
background-size:cover;
border:none
}
#headerwrap.fixed-header{
background-color:rgba(255, 255, 255, .9)
}
.header-overlay.transparent-header #headerwrap.fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
background-color:rgba(255, 255, 255, .9);
color:#000
}
.header-overlay.transparent-header .fixed-header .header-icons a,
.header-overlay.mobile-menu-visible .header-icons a,
.header-overlay.mobile-menu-visible #header,
.header-overlay.mobile-menu-visible #header a,
.header-overlay.mobile-menu-visible .sidemenu{
color:#000
}
.header-overlay.transparent-header .fixed-header .header-icons a:hover,
.header-overlay.mobile-menu-visible .header-icons a:hover,
.header-overlay.mobile-menu-visible #header a:hover{
color:#993333
}
/* SITE LOGO
================================================ */
#site-logo{
font-family:'Playfair Display', serif;
font-weight:400;
word-break:break-all;
text-transform:none;
letter-spacing:0 !important;
z-index:11110
}
#site-logo,
#site-logo a{
transition:none
}
/* MAIN NAVIGATION
================================================ */
#main-nav{
font-family:'Playfair Display', serif
}
.header-overlay #headerwrap #main-nav{
text-align:center
}
.header-overlay #main-nav ul a,
.header-overlay #main-nav .has-mega-column > .sub-menu,
.header-overlay #main-nav li.menu-item-object-tbuilder_layout_part > .sub-menu{
text-align:inherit
}
/* 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:#933
}
/* MENU ICON
================================================ */
.header-overlay .menu-icon-inner{
width:2em;
height:1.2em
}
.header-overlay.mobile-menu-visible .menu-icon-inner{
width:2em;
height:2em
}
.header-overlay.mobile-menu-visible #headerwrap #menu-icon-close{
font-size:1.5em
}
.header-overlay #menu-icon-close:before,
.header-overlay #menu-icon-close:after{
border-width:2px
}
/* HEADER STRIPE
================================================ */
.header-stripe #site-logo{
background-color:#993333
}
/************************************************************************************
PAGE
*************************************************************************************/
.page-title{
font-family:'Playfair Display', serif;
font-size:5em;
font-weight:700;
text-transform:none;
letter-spacing:normal
}
/************************************************************************************
POST
*************************************************************************************/
/* POST TITLE
================================================ */
.post-title{
font-family:'Playfair Display', serif;
font-size:5em;
font-weight:700;
text-transform:none;
letter-spacing:normal
}
/* POST NAVIGATION
================================================ */
.post-nav .arrow:after{
display:none
}
.post-nav .prev .arrow:before,
.post-nav .next .arrow:before{
content:'';
display:block;
width:.7em;
height:.7em;
border:1px solid transparent;
border-top-color:#933
}
.post-nav .prev .arrow:before{
border-left-color:#933;
transform:rotateZ(-45deg)
}
.post-nav .next .arrow:before{
border-right-color:#933;
transform:rotateZ(45deg)
}
/* COMMENTS
================================================ */
.module-contact label,
#commentform label{
display:block;
font-size:.8em;
text-transform:uppercase;
letter-spacing:.1em
}
/* SLIDER ARROW
================================================ */
.single.single-slider-layout .featured-area .slider.single-slider .carousel-next span,
.single.single-slider-layout .featured-area .slider.single-slider .carousel-prev span{
display:none
}
.single.single-slider-layout .featured-area .slider.single-slider .carousel-next,
.single.single-slider-layout .featured-area .slider.single-slider .carousel-prev{
max-width:none;
max-height:none;
transform:none;
width:auto;
height:auto;
overflow:visible
}
.single.single-slider-layout .featured-area .slider.single-slider .carousel-prev:before,
.single.single-slider-layout .featured-area .slider.single-slider .carousel-next:before{
background:none;
content:'';
display:block;
width:2.4em;
height:2.4em;
padding:0;
border:1px solid transparent;
border-top-color:#fff;
transform-origin:center 0;
font-size:100%
}
.single.single-slider-layout .featured-area .slider.single-slider .carousel-prev:before{
border-left-color:#fff;
transform:rotateZ(-45deg)
}
.single.single-slider-layout .featured-area .slider.single-slider .carousel-next:before{
border-right-color:#fff;
transform:rotateZ(45deg)
}
/* SLIDER PAGER/DOT */
.single.single-slider-layout .featured-area .carousel-pager a{
border-color:transparent;
background-color:rgba(138,138,138,.5);
margin:0 6px;
transform:rotateZ(45deg);
width:9px;
height:9px;
padding:0
}
.single.single-slider-layout .featured-area .carousel-pager a:hover,
.single.single-slider-layout .featured-area .carousel-pager a.selected{
border-color:rgba(255,255,255,1);
border-width:5px;
box-shadow:none
}
.single.single-portfolio.single-slider-layout .featured-area .carousel-pager{
bottom:25px
}
/* SLIDER PAGER/DOT */
.project-date,
.project-client,
.project-services,
.project-view{
color:inherit;
font-size:1.1em
}
.project-view a{
position:relative;
text-decoration:none
}
.project-view a:after{
content:"";
border-bottom:1px solid;
display:block;
padding-top:8px;
opacity:.3
}
/* POST DATE
================================================ */
.loops-wrapper.list-post .post-date-wrap:not(.post-date-inline) .post-date,
.single .post-content .post-date-wrap:not(.post-date-inline) .post-date{
background-color:#993333
}
/* POST META */
.post-meta{
text-transform:uppercase;
opacity:.5;
margin:0
}
.portfolio .post-meta .post-author:after,
.portfolio .post-meta .post-category:after,
.portfolio .post-meta .post-tag:after{
display:none
}
/* POST OVERLAY
================================================ */
.loops-wrapper.overlay .post-image + .post-content,
.loops-wrapper.polaroid .post-image + .post-content{
background-color:rgba(255,255,255,.8);
cursor:pointer
}
.loops-wrapper.overlay .post-image + .post-content,
.loops-wrapper.polaroid .post-image + .post-content,
.loops-wrapper.overlay .post-image + .post-content a,
.loops-wrapper.polaroid .post-image + .post-content a{
color:#000
}
/************************************************************************************
BUILDER STYLE
*************************************************************************************/
/* BUILDER SLIDER ARROW
================================================ */
.themify_builder_slider .slide-image{
margin:0
}
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-prev,
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-next{
background:none;
max-width:none;
max-height:none;
transform:none;
width:auto;
height:auto;
overflow:visible;
font-size:100%;
padding:0
}
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-prev:before,
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-next:before{
background:none;
content:'';
display:block;
width:2.4em;
height:2.4em;
padding:0;
border:1px solid transparent;
border-top-color:#fff;
transform-origin:center 0
}
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-prev:before{
border-left-color:#fff;
transform:rotateZ(-45deg)
}
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-next:before{
border-right-color:#fff;
transform:rotateZ(45deg)
}
/* BUILDER SLIDER PAGER/DOT */
.module-slider{
margin-bottom:0
}
.themify_builder_slider_wrap .carousel-nav-wrap{
margin:0;
padding:0
}
.themify_builder_slider_wrap .carousel-pager{
position:absolute;
bottom:35px;
width:100%
}
.themify_builder_slider_wrap .carousel-pager a{
border-color:transparent;
background-color:rgba(138,138,138,.5);
margin:0 6px;
transform:rotateZ(45deg);
width:9px;
height:9px;
padding:0
}
.themify_builder_slider_wrap .carousel-pager a:hover,
.themify_builder_slider_wrap .carousel-pager a.selected{
border-color:rgba(255,255,255,1);
border-width:5px;
box-shadow:none
}
/* BUILDER SLIDER OVERLAY */
.module-slider.slider-caption-overlay .slide-content{
background-color:rgba(255,255,255,.9)
}
.module-slider.slider-caption-overlay .slide-content,
.module-slider.slider-caption-overlay .slide-content h3{
color:#000;
font-size:1.2em;
font-weight:400
}
.module-slider.slider-caption-overlay .slide-image + .slide-content{
bottom:0
}
/* BUILDER BACKGROUND SLIDER
================================================ */
.module_row .row-slider-prev,
.module_row .row-slider-next{
font-size:100%
}
.module_row .row-slider-prev{
left:5px
}
.module_row .row-slider-next{
right:5px
}
.module_row .row-slider-prev:before,
.module_row .row-slider-next:before{
width:2.4em;
height:2.4em
}
.module_row .row-slider-dot{
border-color:transparent;
background-color:rgba(255,255,255,1);
margin:0 6px;
transform:rotateZ(45deg);
width:9px;
height:9px;
padding:0
}
.module_row .row-slider-dot:hover{
background-color:rgba(255,255,255,1);
border-color:rgba(255,255,255,1);
border-width:5px;
box-shadow:none
}
.module_column .module-buttons.transparent a{
position:relative
}
.module_column .module-buttons.transparent a:after{
content:"";
border-bottom:1px solid;
display:block;
padding-top:10px;
opacity:.3
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
border:none;
background-color:#fff;
color:#666;
font-family:'Playfair Display', serif;
padding-bottom:0
}
#footer a{
color:#333
}
#footer{
font-size:1.1em
}
/* footer logo */
#footer-logo{
margin-bottom:.55em
}
.footer-horizontal-left #footer-logo,
.footer-horizontal-right #footer-logo,
.footer-left-col #footer-logo,
.footer-right-col #footer-logo{
line-height:normal;
letter-spacing:-.02em;
text-transform:none
}
/* footer social icons */
#footer .social-widget{
padding-bottom:.7em
}
#footer .social-links li:first-child{
margin-left:0
}
#footer .social-links li{
margin-right:5px
}
/* footer text */
.footer-text{
font-style:italic;
font-size:.7em;
letter-spacing:.055em;
line-height:1.65em
}
#pagewrap .back-top-float,
.back-top:not(.back-top-float) .arrow-up a{
background-color:#993333
}
.back-top:not(.back-top-float) .arrow-up a:hover{
background-color:#000
}
#footer .back-top .arrow-up{
color:#fff
}
.footer-block .back-top:not(.back-top-float) .arrow-up a{
background:0
}
body:not(.footer-block) .back-top:not(.back-top-float){
left: auto;
top: auto;
transform:none;
right: 0;
bottom: 0;
}
/* footer column */
.footer-left-col .main-col,
.footer-right-col .main-col{
width:32%
}
.footer-left-col .section-col,
.footer-right-col .section-col{
width:64%
}
/* Footer Widget */
#footer .footer-widgets .widget{
margin:0 0 4em
}
.section-col .footer-widgets{
display:table;
width:100%;
table-layout:fixed
}
.section-col .footer-widgets div[class*="col"]{
display:table-cell;
float:none;
vertical-align:top
}
.section-col .footer-widgets div[class*="col"]{
position:relative;
padding-left:47px;
padding-right:47px
}
.section-col .footer-widgets div[class*="col"]:before{
content:'';
display:block;
height:100%;
position:absolute;
left:0;
border-left:1px solid #e5e5e5
}
body:not(.footer-left-col):not(.footer-right-col) .section-col .footer-widgets{
margin-top:2.5em
}
/* footer nav */
#footer .widget .menu li{
padding:0;
padding-bottom:.5em
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width:768px){
.module-slider.slider-caption-overlay .slide-image + .slide-content{
padding:.4em 5%
}
.module-slider.slider-caption-overlay .slide-content,
.module-slider.slider-caption-overlay .slide-content h3{
font-size:1em
}
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-prev:before,
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-next:before{
width:1em;
height:1em
}
.themify_builder_slider_wrap .carousel-pager{
bottom:50px
}
.themify_builder_slider_wrap .carousel-pager a{
width:7px;
height:7px
}
.themify_builder_slider_wrap .carousel-pager a:hover, .themify_builder_slider_wrap .carousel-pager a.selected{
border-width:4px
}
}
@media screen and (max-width:680px){
/* Heading */
h1,
.page-title{
font-size:2.4em
}
/* Footer Column */
.footer-left-col .main-col,
.footer-right-col .main-col,
.footer-left-col .section-col,
.footer-right-col .section-col{
width:100%
}
.footer-left-col #footer .widget{
margin:0 0 1em
}
.footer-left-col .section-col .footer-widgets div[class*="col"]{
display:block;
padding-left:20px;
padding-right:20px;
margin-bottom:20px
}
}