/* PLEASE LEAVE IT ON TOP OF CSS CUSTOM PAGE! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 24, 2018 */

/* END FONT IMPORT */


body.custom-background, #main-footer { background-color: #132855!important; }
body.et_cover_background {
    -webkit-background-size: auto !important;
    -moz-background-size: auto !important;
    background-size: auto !important; background-attachment: fixed;
}


#main-header { background: #132855; }


#et-top-navigation { float: none; padding-left: 0 !important; }

.et_boxed_layout #page-container, #main-header, #main-header.et-fixed-header { -webkit-box-shadow: 0 0 0 0 ; -moz-box-shadow: 0 0 0 0 ; box-shadow: 0 0 0 0 ; }

/*
.container { padding-bottom: 3rem; } */



h1, h2, h3, body, p { font-family: 'semplicitaproregular',sans-serif; } 
#top-menu li {font-family: 'semplicitaprosemibold'!important;}

div#footer-bottom { display: none; }
div#text-3 { width: 100%; }

/* BACKGROUND AND FONT STYLING */
.home .et_pb_section, .page-id-73 .et_pb_section, .page-id-176 .et_pb_section, .page-id-129 .et_pb_section, .page-id-130 .et_pt_section, .page-id-353 .et_pb_section, .page-id-1355 .et_pb_section {
    background-color: transparent;
}
.home p, .page-id-73 p, .page-id-176 p, .page-id-130 p, .page-id-131 p, .page-id-353 p, .page-id-1355 p, .page-id-1355 ul {
    color: #fff;
}

/* table purchase confirmation colors */
.page-id-130 tr {color:white!important;}
.page-id-130 th {color:white!important;}


#edd_checkout_wrap {color: #fff;}

/* ALBUM INDEX BACKGROUND */

.page-id-216 .et_pb_section {background-color: transparent;}
.page-id-216 p {color: #fff;}


/* main content background */
#main-content {background-color: #103a8e;}
h1 {color:white;}

/* testimonial page styling*/
.testimonials-by {font-weight:bold;color:#bfd730!important;}

/* contact page styling */
.green_text {font-weight:bold;color:#bfd730!important;}

/*thank you for your purchase page bzw edd alert error config */
.edd-alert-error {color: #a94442!important;}

/* MENU HOVER COLOR */
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #bfd730 !important; 
    opacity:1 !important;
}


/* ADD | AS MENU SEPARATOR (TOP MENU)*/
#top-menu .menu-item:before{
 content: '|';
 position: absolute;
 right: 7px;
  color:rgba(46,163,242, 0.5)!important;
}
 
#top-menu .menu-item:last-child:before{content:'';}
#top-menu .menu-item-has-children .sub-menu .menu-item:before{content:'';}


/* ALBUM TITLE STYLING */
.album_title {font-weight:bold!important; font-size:44px!important; text-align:right!important; background: #bfd730!important; color: #132855!important;}

.album_title h1 {font-weight:bold!important; font-size:44px!important; text-align:right!important; background: #bfd730!important; color: #132855!important;}


/*———————————–
styles for animated background test
————————————-*/

@-webkit-keyframes animatedBack {
0%{background-position:50% 0%}
50%{background-position:50% 100%}
100%{background-position:50% 0%}
}
@-moz-keyframes animatedBack {
0%{background-position:50% 0%}
50%{background-position:50% 100%}
100%{background-position:50% 0%}
}
@keyframes animatedBack {
0%{background-position:50% 0%}
50%{background-position:50% 100%}
100%{background-position:50% 0%}
}

/*
.style-svg {
background: linear-gradient(180deg, rgb(19, 40, 85),rgba(0,0,0,0.0), rgba(51,255,204,0.3));
background-size: 600% 600%;
-webkit-animation: animatedBack 14s ease infinite;
-moz-animation: animatedBack 14s ease infinite;
animation: animatedBack 14s ease infinite;}
*/


/* LOGO ANIMATION*/

#logo {
	-webkit-filter: blur(0.4px)!important;
	filter: blur(0.4px)!important;
	-webkit-transition: .3s ease-in-out!important;
	transition: .3s ease-in-out!important;}
#logo:hover {
	-webkit-filter: blur(0)!important;
	filter: blur(0)!important;}



#top-header {
background: linear-gradient(180deg, rgb(19, 40, 85),rgba(0,0,0,0.0), rgba(51,255,204,0.3));
background-size: 600% 600%;
-webkit-animation: animatedBack 14s ease infinite;
-moz-animation: animatedBack 14s ease infinite;
animation: animatedBack 14s ease infinite;}


#et-main-area {background: linear-gradient(180deg, rgb(19, 40, 85),rgba(0,0,0,0.0), rgba(51,255,204,0.3));
background-size: 600% 600%;
-webkit-animation: animatedBack 18s ease infinite;
-moz-animation: animatedBack 18s ease infinite;
animation: animatedBack 18s ease infinite;}



/* MENU CURRENT EFFECT */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #bfd730; /*** COLOR OF THE LINE ***/
 height: 2px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}

#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}



/* CUSTOMIZING SECOND TOP MENU
#top-header .container {
    padding-top: 1.3em;
    font-weight: 600;
    padding-bottom: 0.75em;
}
*/
/* { min-height: 20px; height: 20px; } */

#top-header {line-height:0em!important;}
#et-secondary-menu {float: left!important;}


/* BUY SINGLE TRACK EDD CUSTOMIZATION START UNDER CONSTRUCTION*/

form#edd_purchase_453:after, form#edd_purchase_464:after, form#edd_purchase_471:after, form#edd_purchase_474:after, form#edd_purchase_477:after, form#edd_purchase_480:after {
    content: 'COMPLETE ALBUM - SAVE 10%';
    font-size: .5em;
  text-align: left;
    display: block;
    padding-top: 4px;
    color: #888;
}

.shop-link a {
    cursor: pointer;
    font-weight:bold;
}

.shop-link a:hover {color:#132855!important;}

a.edd-add-to-cart.button.black.edd-submit.edd-has-js {
    background-color: #000;
    color: #fff;
    border: 1px solid #333;
  transition: all 0.5s ease 0s;
}

a.edd-add-to-cart.button.black.edd-submit.edd-has-js:hover {
  border: 1px solid #666;
    background-color: #181818;
}

a.edd_cart_remove_item_btn {
    font-size: .7em;
    color: #999;
}

#edd_checkout_cart .edd_cart_header_row th {
    padding: 1em;
}

#edd_checkout_cart td, #edd_checkout_cart th {
padding:.5em .5em .5em 1em;
}

td.edd_cart_item_price {
    width: 100px;
}

td.edd_cart_actions {
    width: 130px;
}

#edd_checkout_cart td, #edd_checkout_cart th, #edd_checkout_form_wrap fieldset {
  border: 1px solid #525252;}

#edd_checkout_form_wrap input[type=text] {
    color: #000;
}

.yoast-seo-breadcrumb, .not4sale .shop-link, #edd-last-name-wrap span.edd-description, #edd-first-name-wrap span.edd-description {
    display: none;
}
.buynowdiv {
background:#ffffff;color:#132855;position:fixed;width: 130px;
    padding: 16px;
    top: 30%;
    right: -100px;
    opacity:0;
    transition: all 0.3s ease 0s;
    z-index:99999;
    
    border-style: solid;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 2px;
    border-color: #132855;
}

.buynowdiv h4 { color: #132855;
    margin-top: 0;
    line-height: 1.1;
font-weight:bold;}

.buynowdiv a {font-weight:bold;}
.buynowdiv a:hover {text-decoration:underline;}

.buynowdiv p { color:#132855;font-size:.7em;margin-bottom:0;text-align:right; }


.buynowdiv.active {
    opacity:1;
    right: 0;
}

.buynowdiv .ttfmake-button {
    margin-top: 10px;
    display: block;
    text-align: center;
}

.not4sale .wp-playlist-item {
  width: 100%;
}

.wp-playlist-item .wp-playlist-caption, .wp-playlist-light .wp-playlist-caption {
    max-width: 90% ;
    max-width: 90%;
}

.wp-playlist-tracks {
    overflow: auto;
}

.shop-link {
    width: 10%;
    float: left;
    text-transform: uppercase;
    border-bottom: 1px solid #303030;
    text-align: center;
    line-height:1.8!important;
    color:#132855!important;
    }



.wp-playlist-item-length {
    right: 0 !important;
    line-height:1.8!important;
}

.wp-playlist-item { width:90%; float:left;}

.wp-playlist-light {
  background: rgba(191,215,48,0)!important;
color: #132855 !important;
}

.wp-playlist-light .wp-playlist-caption  {
color: #132855 !important;
      max-width: -webkit-calc(100% - 90px)  !important;
    max-width: calc(100% - 90px)  !important;
}

.wp-playlist-item-title, .wp-playlist-light .wp-playlist-playing, .shop-link {
color: #132855 !important;
}

.wp-playlist {
  border: 0px solid #132855 !important;}

.wp-playlist-item {
border-bottom: 1px solid #303030 !important;
}


.wp-playlist-light .wp-playlist-playing {background: linear-gradient(to right, rgba(191,215,48,1), rgba(191,215,48,0))!important;}



.wp-playlist-current-item .wp-playlist-item-artist { display:none}


.wp-playlist-caption {line-height: 1.8!important;}

.wp-playlist-item-artist {font-size: 14px!important;text-transform: none!important;}


.wp-playlist-item-meta.wp-playlist-item-title {font-size:20px!important;font-weight:bold;padding:2px;background: linear-gradient(to right, rgba(191,215,48,1), rgba(191,215,48,0))!important;}

/* player colors */
.mejs-container .mejs-controls {background:#132855!important;}

.mejs-controls .mejs-time-rail .mejs-time-current {background: #bfd730!important;}

#sidebar-right {
    margin-top: 18px;
}

::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

:-ms-input-placeholder {  
   color: #000;  
}

/* BUY SINGLE TRACK EDD END CUSTOMIZATION  UNDER CONSTRUCTION*/

/* EDD CHECK OUT PAGE CUSTOMIZATION */
#edd_checkout_form_wrap span.edd-description {color:#ffffff;}

#edd_checkout_cart th {border:0px!important;}

#edd_checkout_form_wrap fieldset {border:0px!important;padding:0px!important;}

a.edd_cart_remove_item_btn {font-size:.9em!important;}

.edd_cart_footer_row {color:white!important; font-weight:bold!important;}

.edd_cart_total {color:white!important; font-weight:bold!important;}
.edd_cart_amount {color:white!important; font-weight:bold!important;}

#edd_checkout_form_wrap #edd_final_total_wrap {background:none!important;border:0px!important;color:white!important; font-weight:bold!important;padding:0px!important;}


/*------------------------------------------------*/
/*-----------[GQ - COMPACT SUB-MENU]--------------*/
/*------------------------------------------------*/
 
#top-menu li li a:hover {color:#bfd730!important; background-color:#132855 !important; }
#top-menu li li a {color:white; font-weight:bold!important;background-color:rgba(46,163,242,0.7)!important;}

/* drop down menu - level 1 */
    .nav li ul {
        width: 180px;
        padding: 0px;}
    .nav li li {
        line-height: 18px;}
    #top-menu li li {
        padding: 0 0px;}
    #top-menu li li a {
        font-size: 16px;
        width: 180px;
        padding: 5px 10px;
        font-weight: 300;}
 
/* drop down menu - level 2 */
    .nav li li ul {
        top: -3px;
        left: 180px;}
 
/* change drop down icon in submenus only */
    #top-menu li .menu-item-has-children > a:first-child:after {
        top: 6px;
        right: 5px;
        font-size: 14px;
        font-weight: 400;
        content: "5";}




/* format portfolio column, hide pictures */

/* Change columns from 4-3 */
 
/*
.et_pb_column_4_4 .et_pb_portfolio_grid .project {
  clear: none !important;
  margin: 0 60px 42px 0 !important;
  width: 100% !important;}

.et_portfolio_image {display:none!important;}
*/



/* PORTFOLIO THUMBNAILS SIZE (square)  */

.et_portfolio_image {
 padding-top: 100%;
 }
 .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }


/* ADD TO CART ENTIRE ALBUM BUTTON FOR SINGLE PROJECT 

.edd-submit.button {
    color: #132855!important;
    background: #bfd730!important;
    border-color: #132855!important;}


.edd-submit.button:hover {
    color: #132855;
    background: #bfd730;
    border-color: #bfd730;}


.edd-submit.button:active {
    color: #132855!important;
    background: #bfd730!important;
    border-color: #132855!important;}

*/

