/* FONTS */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Oswald:400'); 

/* MAIN PAGE BACKGROUND */
.main-wrap {
background: transparent !important;	
}

/* BODY BACKGROUND */

body.boxed {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; 
background-size: cover;
background-image: url('https://www.sonicperspectives.com/wp-content/uploads/2020/10/main-bg.jpg') !important;
}

/* MAIN-CONTAINER */

hr, hr.separator {
margin: 20px 0;
height: 1px;
background: #d9d9d9;
}

.row{
margin-top: 0px;
padding-top: 10px;	
background: #F6F6F6;
padding-bottom: 25px;		
}

.main-wrap{
width: 100% !important;
}

.main-featured{
max-width: 1128px; 
width: 100%; 
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 10px 0px !important;
margin-bottom: 0px !important;
}

.flexslider{
margin-bottom: 0px !important;
}

.main-head{
padding-bottom: 0px;	
}

.mobile-head{
border-bottom: 0px;
}

/* LOGO */

.sticky-logo span{
color: #FF5800;	
}

.sticky-nav .menu .sticky-logo {
padding-left: 0px !important;
padding-right: 0px !important;
}

.logo-image{
width: 55%;
}

@media screen and (max-width: 1098px)  {
.logo-image{
width: 100%;
}
}

@media screen and (max-width: 799px){

.mobile-head {
margin-left: -45px !important;
margin-right: -45px !important;
	}
}

#site-description{
font-family: "Roboto Condensed" !important;
line-height: 18px;
font-weight: 600;
text-transform: uppercase;
color: #FFB040;
margin-bottom: 20px;
}

/* HEADINGS */

.heading h1, .post-content h1, .post-content h2, .post-content h3 {
color: #66656D;
}
/* CONTENT LINKS */

.content a{
font-weight: bold;	
}

/* NAVIGATION BAR LINKS */

.navigation .menu > li:hover > a, .navigation .menu > .current-menu-item > a, .navigation .menu > .current-menu-parent > a, .navigation .menu > .current-menu-ancestor > a {
border-bottom: 2px solid #FFB040;
background-color: #204385 !important;
color: #FFF !important;		
}

.menu-item a{
font-family: Oswald, sans-serif !important;	
}

.sticky-nav{
width: 100%;
left: 0px;	
}

/* CATEGORIES HEADERS */

.main-featured .cat{
margin-left: 0px;
}
.main-featured .large .cat{
margin-left: 0px;
}

.cat-title{
margin-left: 0px;
}

/* POST CONTENT */

@media (max-width: 640px) {
.col-8 {
padding-left: 10px !important;
padding-right: 10px !important;	
}
}

.post-content{
padding-left: 0px !important;
padding-right: 0px !important;
}

.post-content p, p{
text-align: justify;
color: #000;	
}

.post-content a,
p a,
.posted-by a,
.breadcrumbs span a{
font-weight: bold;	
color: #204385 !important;
text-decoration: none !important;		
}

.post-content h2{
font-family: "Oswald" !important;
font-size: 28px;
color: #000  !important;
text-transform: uppercase;
}

.post-title a:hover, 
.content a:hover,
p a:hover,
#categories-4 a:hover,
.related-posts a:hover,
h3 a:hover,
.post-content a:hover,
.rpwwt-widget a:hover,
.trending-ticker a:hover,
.jig-ngBreadcrumb a:hover,
.breadcrumbs span a:hover{
color: #FFB040 !important;
text-decoration: none !important;	
}

.posted-by a:hover{
color: #CC6514 !important;
}

.post .post-content > p:first-child {
color: #000;
}

post-content {
line-height: 1.3 !important;
}

/* POST IMAGES */

.post-content img {
width: 100%;	
max-width: 700px;
display: inline-block;
margin-top: 0px !important;
}

.wp-caption{
max-width: 100% !important;
display: table-cell !important;
padding-bottom: 10px !important;
}

.wp-caption-text{
text-align: center !important;
}

/* POST TITLE */

.post-title{
font-family: "Roboto" !important;
font-weight: 600;
}

/* POST HEADINGS */

.post-content h3{
font-family: Oswald !important;
font-size: 20px !important;
font-style: normal !important;
color: #1b1b1b;
}

.post-header-b .post-title {
font-family: "Roboto Condensed" !important;	
font-size: 22px !important;	
text-align: justify;	
color: #000 !important;	
}

/* IMAGES THUMBNAILS */

.attachment-post-thumbnail {
padding: 2px;
background: #FFF;
border: solid 1px rgba(0,0,0,.3);	
}

/* RECENT POST THUMBNAILS */

#rpwwt-recent-posts-widget-with-thumbnails-3 img {
padding: 3px;
background: #FFF;
border: solid 1px rgba(0,0,0,.3);
}

#rpwwt-recent-posts-widget-with-thumbnails-3 a{
font-weight: 600;
color: #204385 !important;	
}

#rpwwt-recent-posts-widget-with-thumbnails-3 a:hover{
color: #CC6514 !important;	
}

/* CATEGORIES STYLES */

.cat-title{
background-color: #204385 !important;
padding-left: 10px !important;
padding-right: 10px !important;	
padding-top: 3px !important;
padding-bottom: 3px !important;		
}

.cat-title:hover{
color: #FFF !important;		
background-color: #CC6514 !important;
text-decoration: none !important;	
}

.cat-title a:hover{
text-decoration: none !important;
color: #FFF	!important;	
}

/* READ MORE LINK STYLES */

.read-more a{
padding-left: 15px !important;
padding-right: 15px !important;	
padding-top: 5px !important;
padding-bottom: 5px !important;		
text-decoration: none !important;	
background-color: #000 !important;	
}

.read-more a:hover{
color: #FFF !important;
background-color: #CC6514 !important;	
}

/* SECTIONS HEADING STYLES */

.section-head, .block-head, .section-head h3, .block-head h3, .widgettitle{
font-family: "Roboto Condensed" !important;	
font-size: 18px !important;	
color: #FFF !important;
font-weight: 300 !important;	background-color: #204385;
}

.menu-item a{
font-family: Oswald !important;	
font-size: 16px !important;	
color: #FFF !important;
font-weight: 300 !important;
}

/* YOUTUBE EMBEDDED VIDEOS */

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px; height: 0; overflow: hidden;
margin-bottom: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* PAGES MAIN HEADING */

.main-heading {
font-family: Oswald, sans-serif !important;	
font-size: 23px;	
color: #204385;	
}

/* TICKER HEADING */

.trending-ticker .heading{
color: #FFF;
font-weight:600;
}

/* AUTHOR LINK IN ALBUM REVIEWS PAGE */
.author a:hover{
color: #204385 !important;	
text-decoration: none !important;	
}

/* POST EXCERPT */

.excerpt p{
color: #000;	
margin-bottom: 10px !important;	
}

/* JIG BREADCRUMBS */

.jig-ngBreadcrumb {
font-family: "Roboto Condensed";	
text-transform: uppercase;
font-weight: 500;	
font-size: 16px !important;	
} 

.jig-ngBreadcrumb a{
font-family: "Roboto Condensed";
text-transform: uppercase;
font-weight: 700;	
font-size: 16px !important;	
color: #204385;	
}

.jig-loadMoreButton{
font-family: "Roboto Condensed";
}

.jig-loadMoreButton:hover{
background: #000 !important;	
color: #FFF;	
}

/* AUTHOR PAGE STYLES */

.author-info a{
display: none;
}

.author-info img{
padding: 3px;
background: #FFF;
border: solid 1px rgba(0,0,0,.3);	
}

/* BREADCRUMBS */

.breadcrumbs .location{
display: none;	
}

.breadcrumbs span{
font-weight: 600;	
}

/* FOOTER */

.widgets{
background: #19232d;
padding-top: 0px !important;	
}

.widgettitle {
background-color: transparent;
font-family: "Roboto Condensed" !important;	
font-size: 20px !important;	
}

.footer-logo-text{
color: #FFF;
font-size: 22px;
font-weight: 600;
line-height: 1;
margin-bottom: 28px;	
}

.footer-main-color{
color: #FF5800;
font-size: 22px;
font-weight: 600;
line-height: 1;
margin-bottom: 28px;	
}

.lower-foot .wrap{
padding-bottom: 0px !important;	
}

.lower-foot .textwidget{
width: 100% !important;
}

.lower-footer-text{
color: #FFF;
text-align: center;	
}

.lower-footer-text a{
color: #FFB040 !important;
}

.lower-footer-text a:hover{
color: #CC6514 !important;
}
.main-footer .widgettitle {
border-bottom: 1px solid rgba(197,199,203, 1)	
}

#menu-footer-menu li{
border-bottom: 1px solid rgba(197,199,203, 0.3);
text-transform: uppercase;	
}

#menu-footer-menu a:hover{
text-decoration: none; 	
color: #ff9900 !important;	
}

/* SUBSCRIBE FORMS */

#mc4wp-form-2 p{
color: #FFF !important;	
text-align: left !important;	
}

#mc4wp-form-1 p{
text-align: left !important;	
}

.mc4wp-form-theme input[type="submit"]{
font-family: Roboto;
text-transform: uppercase;	
}

.mc4wp-form-theme input[type="submit"]:hover{
color: #FFB040 !important;	
}

/* PAGE HEADER */

.page > .row.builder {
margin-bottom: 20px;
}

.textwidget h1{
font-family: "Roboto Condensed"	!important;	
color: #204385 !important;	
}

.textwidget h1 {
overflow: hidden;
text-align: center;
}

.textwidget h1:before,
.textwidget h1:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 10%;
}
.textwidget h1:before {
right: 0.5em;
margin-left: -10%;
}
.textwidget h1:after {
left: 0.5em;
margin-right: -10%;
}

/* CONTACT FORM */

#wpcf7-f9745-o1, .wpcf7{
margin-top: 25px;
width: 80%;	
}

#wpcf7-f9745-o1 .wpcf7-text {
width: 97% !important;
background-color: rgba(48,51,56,0.2);
border: none;
padding: 10px;
font: 1em/1.1em 'Roboto Condensed';
-webkit-transition: all .25s;
transition: all .25s;	
color: #000;	
}

#wpcf7-f9745-o1 .wpcf7-textarea{
background-color: rgba(48,51,56,0.2);
border: none;
font: 1em/1.1em 'Roboto Condensed';
-webkit-transition: all .25s;
transition: all .25s;	
color: #000;	
}

#wpcf7-f9745-o1 label{
font-weight: bold;
font: 1em/1.1em 'Roboto Condensed';
}

#wpcf7-f9745-o1 .wpcf7-submit{
color: #FFF !important;
background-color: #000 !important;
text-transform: uppercase;
padding: 10px 20px 10px 20px !important;
}

#wpcf7-f9745-o1 .wpcf7-submit:hover{
color: #FFF !important;
background-color: #CC6514 !important;
}

.wpcf7-validation-errors {
border: 0px solid #FFF!important;
color: red;
font: 1.1em/1.1em 'Roboto Condensed';
margin-left: 0px;	
}

.wpcf7-mail-sent-ok {
border: 0px solid #FFF !important;	
color: #204385;
font: 1.1em/1.1em 'Roboto Condensed';
margin-left: 0px;		
}

.widget li:first-child, .widget li{
padding-top: 0px !important;	
}

ul.social-icons {
width: 100% !important;
list-style: none !important;
}

.social-icons .icon{
vertical-align: top;	
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 25px;
color: #fff;
text-decoration: none !important;
}

/* LIMIT A TAG LENGTH IN HIGHTLIGHTS BLOCK */

.highlights-box a, .highlights h2{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;	
}

/* SOCIAL ICONS STYLES */

.social-media-icons {
text-decoration: none !important;	
overflow: hidden;		
}

.social-media-icons li{
border-bottom: none;
padding-bottom: 17%;
}

.social-media-icon {
float: left;
position: relative;
width: 18% !important;
margin: 1% 1%;
}

@media all and (min-width: 640px) {
.footer-icon {
width: 9%;
padding-bottom: 9%;
}
}

.social-media-icon:last-of-type{
margin-right: 0;
}

.social-media-icon a {
display: block;
position: absolute;
left: 0;
width: 100% !important;
height: 100% !important;
border: 0;
border-radius: 3px;
background-color: #fff;
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
transition: all .2s ease-out;
text-decoration: none !important;	
}

.social-media-icon a:hover {
background-color: #222;
background-size: 0%;
transition: all .2s ease-out;
}

.icon__name{
position: absolute;
top: 45%;
width: 100%;
margin-top: -7px;
color: #fff;
font-size: 11.5px;
text-align: center;
transition: all .3s ease-out;
opacity: 0;
filter: blur(25px);
transform: translateZ(0);
will-change: transform;
}
  
.icon__name:hover {
transition: all .3s ease-out;
opacity: 1;
filter: blur(0);
}


.icon--facebook a {
background-color: #3b5998;
background-image: url('http://sonicperspectives.com/wp-content/uploads/2017/socialicons/facebook-icon.png');
}

.icon--twitter a {
background-color: #00aced;
background-image: url('http://sonicperspectives.com/wp-content/uploads/2017/socialicons/twitter-icon.png');
}

.icon--youtube a {
background-color: darkred;
background-image: url('http://sonicperspectives.com/wp-content/uploads/2017/socialicons/youtube-icon.png');
}

/* FOOTER ABOUT AREA */

.footer-web-logo {
float: left;
width: 25%;
padding: 10px 10px 15px 0px;
top: 50%;
}

.footer-paragraph{
display: inline-block;
font-family: Roboto !important;
font-size: 13px !important;
font-weight: 300 !important;
vertical-align: middle;	
}

.footer-paragraph p{
color: #FFF;	
text-align: center;	
}

/* SMALL ALBUM COVER THUMBNAILS */

.album-cover{
float: left !important;
margin-top: 0px !important;	
margin-bottom: 0px !important;
overflow: auto !important;	margin-right: 10px !important;
margin-left: 1px !important;
padding: 3px;
background: #FFF;
border: solid 1px rgba(0,0,0,.3);	
width: 300px !important;	
}

@media (max-width: 640px) {
.album-cover{
width: 98% !important;
}
}

/* SIDEBAR */

.sidebar{
padding-top: 15px;	
}

/* POWERPRESS PLAYER */
.powerpress_links{
margin-bottom: 10px !important;	
}

.review-box .verdict-box {
padding: 10px 0;
}

.apsc-theme-1 .apsc-each-profile{
width: 23%;
display: table-cell !important;
margin: 0 auto !important;	
padding: 3px;	
}

/* DONATIONS BUTTON */

.donation-button{
color: rgba(255,255,255,1) !important;
background: #204385 !important;
border: none !important;
border-radius: 0px !important;
font-family: Roboto;
font-weight: 500;
text-transform: uppercase;
text-decoration: none !important;
margin-bottom: 20px;	
}

.donation-button:hover {
background: #CC6514 !important;
color: rgba(255,255,255,1) 
!important;
}

/* SIDEBAR SOCIAL MEDIA COUNTERS */

.essbfc-col-3{
width: 100% !important;	
display: block !important;
background: #F6F6F6;
padding-bottom: 25px;	
margin-bottom: 0px;	
}

.essbfc-col-3 h3{
display: none;
}

/* NORMAL WITH IMAGES */

.non-stretched-image{
width: auto !important;	
}