File: /var/www/html/wppartneramazingsecret/wp-content/themes/themify-ultra/skins/music2/style.css
/*
Skin Name:Ultra Music2
Version:1.0
Demo URI:https://themify.me/demo/themes/ultra-music2/
Required Plugins:builder-audio, builder-contact, builder-maps-pro, builder-woocommerce, woocommerce
*/
/************************************************************************************
GENERAL
*************************************************************************************/
body{
font:.875em/1.75em 'Poppins',Arial,sans-serif;
color:#404040
}
a{
color:#434789
}
.post-title a:hover,
.post-nav a:hover .arrow{
color:#a97ae3
}
/* HEADINGS
================================================ */
h1, h2, h3{
font-weight:900
}
h1{
font:600 3.2em/1.4em 'Poppins',Arial,sans-serif;
margin:0 0 .2em;
text-transform:none;
letter-spacing:-.05em
}
h2{
font:600 2.25em/1.4em 'Poppins',Arial,sans-serif;
margin:0 0 .5em;
letter-spacing:-.05em
}
h3{
font:400 1.6em/1.6em 'Poppins',Arial,sans-serif;
text-transform:none;
letter-spacing:0em
}
h4{
letter-spacing:-.05em
}
h5{
font-size:1.2em;
line-height:1.5em;
margin:0 0 1em
}
/* 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:1em
}
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:#434789;
color:#fff;
font-size:.8em;
font-weight:600;
line-height:2em;
padding:1.2em 2em;
border:none;
box-shadow:0 0 50px rgba(0,0,0,.15);
letter-spacing:.07em;
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:#a97ae3;
color:#fff
}
textarea{
resize:vertical;
height:260px
}
#commentform p label{
transform:none;
text-transform:none;
font-size:1em;
margin-bottom:.4em
}
#commentform textarea{
height:260px
}
#review_form p label{
transform:none
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap{
color:#434789
}
#headerwrap a:hover,
.sidemenu-on .top-icon-wrap li a:hover .tooltip{
color:#a97ae3
}
/* SITE LOGO
================================================ */
#site-logo{
font:600 2.2em/normal 'Poppins',Arial,sans-serif;
letter-spacing:-.05em
}
/* MAIN NAVIGATION
================================================ */
#main-nav a{
font-weight:600;
padding:1.2em .8em;
}
#main-nav ul a{
padding:.4em 1.4em;
}
#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:#a97ae3
}
/* SEARCH OVERLAY
================================================ */
.search-option-tab li:hover a,
.search-option-tab li.active a{
box-shadow:inset 0 -3px 0 0 #a97ae3
}
.view-all-button:after{
border-color:#a97ae3
}
/* Search button */
.search-button{
border-radius:0
}
.sidemenu-off .search-button{
border-left:1px solid rgba(0,0,0,.15);
padding-left:24px
}
#headerwrap .search-button:hover{
color:#a97ae3;
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:#434789;
color:#fff
}
/* 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.fixed-header{
background-color:rgba(255,255,255,.9);
color:#000
}
.transparent-header #headerwrap.fixed-header,
.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:#434789
}
/************************************************************************************
POSTS
*************************************************************************************/
/* POST TITLE
================================================ */
.post-title{
font-size:2.8em
}
.post-title a{
color:#434789
}
.loops-wrapper.list-post .post-date,
.single .post-content .post-date{
background:rgba(67,71,137,.8);
color:#fff
}
.post-nav .arrow{
color:#06062a
}
/* polaroid */
.loops-wrapper .post,
.loops-wrapper.polaroid .post, .loops-wrapper.overlay .post{
text-align:left
}
.module-post .loops-wrapper.polaroid .post-image + .post-content{
background:transparent;
padding:0;
display:table
}
.module-post .loops-wrapper.polaroid .post:hover .post-content{
background:rgba(37,38,52,.9)
}
.loops-wrapper.overlay .post-image + .post-content .post-content-inner,
.loops-wrapper.polaroid .post-image + .post-content .post-content-inner{
padding:1.5em 2em 1em;
box-sizing:border-box;
display:table-cell;
vertical-align:middle
}
.loops-wrapper.polaroid .has-post-thumbnail .post-date-wrap,
.loops-wrapper.polaroid .has-post-thumbnail .post-meta{
display:none
}
.loops-wrapper.polaroid .post-image + .post-content .post-title a,
.module-post .loops-wrapper.polaroid .post-title a{
color:#fff
}
.module-post .more-link:after{
content:"";
border:none
}
.module-post .more-link{
background:#434789;
font-weight:600;
padding:1em 1.8em .9em;
text-transform:uppercase;
color:#fff;
border-radius:50em
}
.module-post .more-link:hover,
.module-post .more-link:focus{
background:#a97ae3
}
/************************************************************************************
WIDGETS
*************************************************************************************/
.widgettitle{
font-size:1.1em
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
background-color:#303036;
color:#d3d3d3;
font-size:1em
}
#footerwrap a{
color:#d3d3d3
}
#footerwrap a:hover{
color:#a97ae3
}
#footerwrap .footer-tab{
background-color:#434789;
color:#fff
}
/* FOOTER BACK TO TOP
================================================ */
#pagewrap .back-top-float,
.back-top:not(.back-top-float) .arrow-up a{
background-color:#a97ae3
}
.back-top:not(.back-top-float) .arrow-up a:hover{
background-color:#a97ae3
}
#pagewrap .back-top:not(.back-top-float) .arrow-up a:hover,
#pagewrap .back-top-float .arrow-up a,
#pagewrap .back-top-float:hover a{
color:#fff
}
.footer-block .back-top:not(.back-top-float) .arrow-up a{
background:0
}
#footerwrap .arrow-up{
color:#000;
-webkit-text-stroke-width:2px
}
/* FOOTER SOCIAL LINKS
================================================ */
#footer .social-links{
text-align:left
}
#footer .social-links li{
margin:0 1px 0 0
}
#footer .social-links a{
color:#c9c9d7
}
#footer .social-links a:hover{
color:#a97ae3
}
#footer .social-links .icon-large em{
font-size:24px;
height:25px;
width:20px;
background-color:transparent
}
/* FOOTER SOCIAL LINKS
================================================ */
.footer-text{
text-align:left;
border-top:1px solid rgba(98,98,106,.5);
padding-top:3.5em;
padding-bottom:1em;
display:block
}
/************************************************************************************
BUILDER STYLING
*************************************************************************************/
/* UI BUTTON
================================================ */
.ui.builder_button{
text-transform:uppercase;
font-family:'Poppins',Arial,sans-serif;
font-weight:600;
font-size:.8em;
padding:1.1875em 2em 1em;
box-shadow:0 0 50px rgba(0,0,0,.15)
}
.ui.builder_button span{
line-height:2em
}
.ui.builder_button.blue{
background:#434789;
border-color:#434789;
color:#fff
}
.ui.builder_button.blue:hover,
.ui.builder_button.blue:focus{
background:#a97ae3;
border-color:#a97ae3
}
/* BUILDER AUDIO
================================================ */
.tracklist{
list-style:none
}
.tracklist .track-title{
color:#404040;
font:600 1.2em/1.5em 'Poppins',Arial,sans-serif;
margin-left:3em
}
.panel .tracklist .track-title{
line-height:1em
}
.module-audio.out-now-audio .album-playlist .tracklist .track{
border-bottom:none
}
.module-audio .album-playlist .tf_audio_current_time{
top:-20px;
display:block;
margin-top:0
}
.tf_audio_wrap{
padding:0
}
.tf_audio_controls button{
box-shadow:none;
font-size:10px
}
.tf_auido_play:before{
content:"";
display:inline-block;
width:20px;
height:20px;
background:linear-gradient(to bottom left,
transparent 49.5%,#434789 50% calc(50% + 1px),
transparent calc(50% + 2px)) right/50% 100%,
linear-gradient(to bottom right,
transparent 49.5%,#434789 50% calc(50% + 1px),
transparent calc(50% + 2px)) left/50% 100%,
linear-gradient(#434789,#434789) bottom/calc(100% - 5px) 1px;
background-repeat:no-repeat;
border:none;
transform:rotate(90deg);
margin:0
}
.tf_audio_playing:after,
.tf_audio_playing:before{
content:"";
display:inline-block;
width:3px;
height:20px;
border:2px solid #434789;
transform:none;
background:none;
vertical-align:middle
}
.tf_audio_playing:after{
margin-left:2px
}
.tf_auido_play:hover:before{
color:#a97ae3
}
.module.module-audio .album-playlist .tracklist .track{
border-bottom:1px solid #ddd;
padding:12px 30px 16px 0;
margin:0
}
.module-audio .album-playlist .tracklist .track:last-child{
border-bottom:none
}
.module-audio .tf_audio_current_time,
.module-audio .tf_audio_progress_wrap{
display:none
}
/* OPTIN MODULE
================================================ */
.module-optin.tb_optin_horizontal form .tb_optin_submit{
width:auto
}
/* 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:#434789;
color:#fff;
font-size:.8em;
font-weight:600;
line-height:2em;
padding:1.1875em 1em 1em;
border:none;
box-shadow:0 0 50px rgba(0,0,0,.15);
letter-spacing:.07em;
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:#a97ae3;
color:#fff
}
.woocommerce ul.products li.product .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]{
background:#434789;
font-size:100%;
line-height:2em;
padding:.8em 1.25em .6em;
box-shadow:0 0 50px rgba(0,0,0,.15);
}
/************************************************************************************
WOOCOMMERCE STYLES
*************************************************************************************/
/* ARCHIVE PRODUCTS
================================================ */
/* Sale */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
background-color:#a97ae3;
color:#fff
}
/* SINGLE PRODUCTS
================================================ */
.woocommerce div.product .product_title{
font:700 3.5em/1.4em "Poppins",Arial,sans-serif;
color:#434789;
margin-bottom:.3em
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
color:#434789;
font-weight:500
}
.single .product-description{
font:1.2em/1.8em "Poppins",Arial,sans-serif;
color:#808080;
border-bottom:1px solid #dddddd;
padding-bottom:1em;
margin-bottom:2.5em
}
/* quantity */
.woocommerce .quantity .qty{
box-shadow:0 0 50px rgba(0,0,0,.15);
color:#434789;
font:500 1.08em/1.95em "Poppins",Arial,sans-serif;
margin:0 2em 0 0;
padding:.75em 1.2em .5em;
text-align:left;
width:6.9em;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
border-color:#a97ae3;
color:#000
}
/* breadcrumb */
.woocommerce .woocommerce-breadcrumb{
color:#434789;
font-size:.875em
}
.woocommerce .woocommerce-breadcrumb a{
font-weight:600;
text-transform:none
}
/* tabs */
.woocommerce-tabs{
padding-top:2em
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,.woocommerce div.product .woocommerce-tabs ul.tabs li a{
color:#434789;
font:700 1.2em "Poppins",Arial,sans-serif;
padding:1.1em;
text-transform:none
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a,.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
border-color:#a86fbb;
color:#434789
}
.woocommerce .woocommerce-tabs h2,.woocommerce .woocommerce-noreviews{
display:block;
color:#434789;
font:600 1.8em/1.4em "Poppins",Arial,sans-serif;
letter-spacing:0
}
.woocommerce div.product .woocommerce-tabs .panel{
font:1.2em/1.8em "Poppins",Arial,sans-serif;
color:#808080;
padding-bottom:1.5em
}
/* CART
================================================ */
.cart-wrap a span{
background-color:#a97ae3;
padding:3px 7px;
}
.woocommerce-cart #content table.cart td.actions .coupon .input-text{
padding:.9em;
width:9em
}
#slide-cart .button{
padding:.7em 1.2em;
}
/* CHECKOUT
================================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
height:59px
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:59px
}
.select2-results__option{
margin:0
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true]{
background-color:#434789;
color:#fff
}
/* shop archive */
.woocommerce ul.products li.product{
border-radius:8px;
text-align:left
}
.woocommerce ul.products li.product:hover{
box-shadow:0 0 38px rgba(0,0,0,.18)
}
.woocommerce ul.products li.product .post-image{
margin-bottom:0;
position:relative;
overflow:hidden;
border-radius:8px
}
.woocommerce ul.products li.product .product-content{
background:#fff;
box-shadow:0 2px 3px rgba(0,0,0,.08);
padding:1em 1.3em;
border-radius:0 0 8px 8px;
color:#000
}
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font:700 1.2em/1.5em "Poppins",Arial,sans-serif;
letter-spacing:0;
margin-bottom:0
}
ul.products li.product .post-content .price,
ul.products li.product .product-content .price,
.woocommerce ul.products li.product .price{
color:inherit;
font-weight:500;
font-size:1em;
margin:0 0 .5em
}
.module-products .post-image img{
width:100%
}
.woocommerce ul.products li.product a img{
margin:0
}
.woocommerce ul.products .product:hover .post-image img{
transform:scale(1.2)
}
.woocommerce ul.products li.product a,
.module-products .product-content a{
color:#404040
}
.woocommerce ul.products li.product a:hover,
.module-products .product-content a:hover{
color:#434789;
text-decoration:none
}
.woocommerce ul.products li.product .button{
position:absolute;
left:50%;
top:35%;
margin:0;
opacity:0;
transform:translate(-50%,0);
white-space:nowrap;
min-width:128px;
text-align:center;
box-sizing:border-box;
}
.woocommerce ul.products li.product .button:hover{
transform:translate(-50%,-3px)
}
.woocommerce ul.products li.product:hover .button{
opacity:1;
z-index:2
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products .product .post-image img,
.woocommerce ul.products li.product .post-image a,
.woocommerce ul.products li.product{
transition:all .3s linear 0s
}
/* polaroid */
.module-products .loops-wrapper.polaroid .post-image + .post-content{
position:unset;
padding:0
}
.loops-wrapper.polaroid .post-image + .post-content a,
.loops-wrapper.polaroid .post-image + .product-content a{
color:inherit
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@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
}
h4{
font-size:1.1em
}
}