/*
Theme Name: Sevish 2021
Template: bootstrap-canvas-wp
Author: Sevish
Description: Sevish Music theme
*/
html {
	background-color: black;
}
body {
	background: #222222; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #333333 0%, #111111 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #333333 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #333333 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-attachment: fixed;
	color:#fff;
}

div.page-section {
	border-radius:0.25em;
	padding:1em 15px;
}

div.page-section + div.page-section {
	margin-top:15px;
}

div.release-section {
	padding:0 15px;
	text-align:center;
	margin:75px -15px 75px 0px;
}

div.release-section h2.blog-post-title {
	margin-top:45px;
}

div.release-section +div.release-section h2.blog-post-title {
	margin-top:60px;
}

.blog-post-title {
	font-size: 48px;
}

/* TEXT */

h2, h3, h4, h5, h6, p, ol:not(.nav), li:not(.nav), div#footer, td, th {
	color:#FFF !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
p, ol, li, td, th, label {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:300;
	line-height:1.714285714;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Bebas Neue', sans-serif !important;
	font-weight: normal;
}
h1 {
	text-align: center;
	font-size: 64px;
}
h2 {
	font-size: 48px;
	margin-bottom:60px !important;
	padding:0px 6px 0px 6px;
	clear:both;
	background-color:black;
	display:inline-block;
	padding:0.2em 0.3em 0.1em;
}
h3 {
	font-size: 2em;
	margin-top: 2em;
}
h4 {
	font-size:1.4em;
	margin-top: 2em;
}
h5 {
	font-size: 1.1em;
	margin-top: 2em;
}

.sc-embed { max-width:1000px; margin-top:60px; display:none; }
.sc-embed object, .sc-embed object param { width:100%; }

.widget-title {
	text-align:center;
	font-size:medium;
	line-height:normal;
	font-weight:normal;
	text-transform:none;
	color: #fff;
}
em { font-style:italic; }
strong, th { font-weight:600; }
pre {
	font-size:1em;
	background-color: rgba(0,0,0,0.4);
	color:#fff;
	margin:1.6em 0 1.6em;
}
code {
	color: #fff;
	background-color: rgba(0,0,0,0.4);
}
blockquote {
	border-left:medium solid #666;
	margin:1.6em 0 1.6em;
}
p.blog-post-meta {
	margin-top:1.6em;
}

/* LINKS */
a {
	color: #fff;
}
a:hover {
	text-decoration:none;
	color: #ff0066;
}
p a {
	font-weight:600;
}
p a:link {
	color:#EEE;
	text-decoration:underline;
}
p a:visited {
	color:#EEE;
	text-decoration:underline;
}
p a:active {
	color:#FFF;
	text-decoration:none;
}
p a:hover, .blog-footer a:hover {
	color:#ff0066;
}
p a.more-link {
	display:block;
	text-align:center;
	font-size:1.2em;
}
a:active {
	color:#ff0066 !important;
}
h2 a:active, h2 a:hover {
	text-decoration:underline;
}
p.lead {
	margin-top:60px;
	text-align:center;
	font-size:1.3em;
}

#archives ul, .widget_meta ul, .widget_categories ul {
	padding-left:0;
}

#archives ul li, .widget_meta ul li, .widget_categories ul li {
	list-style-type:none;
}

#archives ul li a, .widget_meta ul li a, .widget_categories ul li a {
	font-weight:300;
}

.sidebar-module h4 {
	font-weight:600;
}


/* HAMBURGER MENU */
#hamburger {
	display: block;
	position: fixed;
	top: 20px;
	right: 20px;
	width: 36px;
	z-index: 1000;
}
#hamburger:before, #hamburger:after {
	background-color: #fff;
	content: '';
	display: block;
	height: 4px;
	transition: all 200ms ease-in-out;
}
#hamburger:before {
	background-color: #fff;
	box-shadow: 0 10px 0 #fff;
	margin-bottom: 16px;
}
.nav-active #hamburger:before {
	background-color: #fff;
	box-shadow: 0 0 0 #fff;
	transform: translateY(10px) rotate(45deg);
}
.nav-active #hamburger:after{
	transform: translateY(-10px) rotate(-45deg);
}



/* Nav screen active */

.nav-active .blog-header {
	position: fixed;
	width: 100%;
	z-index: 200;
}

.nav-active #navpage {
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:100;
	background-color: #000;
	padding-top: 120px;
	overflow-y: scroll;
}

@media (min-width: 992px) {
	.nav-active #navpage {
		overflow-y: unset;
	}
}


/* Navigation */

.bold-menu a {
	font-family: "Bebas Neue", sans-serif;
	text-decoration: none !important;
	font-weight: normal;
	font-size: 32px;
}

.not-bold-menu a {
	text-decoration: none !important;
}

.blog-sidebar nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:table;
	border-collapse: separate;
    border-spacing: 0 0.4em;
	width:100%;
	font-weight:600;
}

.blog-sidebar nav ul li {
	display:table-row;
	height:3.5em;
}

.blog-sidebar nav ul li a {
	font-size:medium;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.blog-sidebar nav ul li a:link {
	color:#FFF;
	padding:0.4em;
	border-radius:0.25em;
	background-color:#171717;
	width:100%;
	text-decoration:none;
}

.blog-sidebar nav ul li a:visited {
	color:#FFF;
	background-color:#171717;
	text-decoration:none;
}

.blog-sidebar nav ul li a:active {
	color:#FFF;
	background-color:#171717;
	text-decoration:none;
}

.blog-sidebar nav ul li a:hover {
	color:#FFF;
	background-color:#be004c;
}

.blog-header nav ul {
        list-style-type: none;
        margin: auto;
        padding: 0;
        display:block;
        border-collapse: separate;
        border-spacing: 0 0.4em;
        font-weight:600;
        text-align:center;
        text-transform:uppercase;
}

.blog-header nav ul li {
        display:inline;
        /*height:3.5em;*/
}

.blog-header nav ul li a {
        text-align:center;
}

.blog-header nav ul li a:link {
        color:#FFF;
        padding:5px 1em;
        border-radius:0.25em;
        width:100%;
        text-decoration:none;
}

.blog-header nav ul li a:visited {
        color:#FFF;
        text-decoration:none;
}

.blog-header nav ul li a:active {
        color:#FFF;
        text-decoration:underline;
}

.blog-header nav ul li a:hover {
        color:#FFF;
        text-decoration:underline;
}

nav ul li a.green-nav-btn:link {
	background-color:#063;
}

nav ul li a.green-nav-btn:visited {
	color:#FFF;
	background-color:#063;
	text-decoration:none;
}

nav ul li a.green-nav-btn:active {
	color:#FFF;
	background-color:#063;
	text-decoration:none;
}

nav ul li a.green-nav-btn:hover {
	color:#FFF;
	background-color:#be004c;
}

nav hr {
	border:0px;
	border-top:#555 1px solid;
	margin:0 0 0.5em 1em;
}

/*div#the-page, div#the-page:after,*/ nav, nav *
{
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}


/* PAGE FORMATTING */

.blog-header {
	background-color:#000;
	padding: 0;
}

.blog-sidebar {
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top:70px;
	border-right:1px solid #3d3d3d;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

@media only screen and (min-width : 768px) {
	.blog-sidebar {
		opacity:0.3;
	}
}

.blog-sidebar:hover {
	opacity:1;
}

.blog-footer {
        background-color:#000;
        border:none;
}

.blog-post {
        padding-top: 60px;
        padding-bottom: 60px;
}

.blog-description {
        text-align:center;
        margin:0;
}

.entry p {
        margin: 0 0 1.714285714rem;
}

/* wrapping for the navbar gives 15px padding top so let's undo that */
#text-3 {
	padding-top:0;
}

.wp-caption {
	max-width:100%;
}

.screen-reader-text {
	display:none;
}

/* PAGINATION */

div.front-page-pagination {
	background-color:#000;
	padding-top:25px;
}

.pager {
	text-align: center !important;
}

.front-page-pagination .pager {
	margin: 25px 0 0 0 !important;
}

.pager li > a, .page li > span {
	border: unset;
	border-radius: 0px !important;
	background-color:#555;
	font-family: "Bebas Neue", sans-serif;
	font-size: 24px;
}

.pager li > a:hover, .pager li > a:focus {
	background-color: #3d3d3d;
}

a:focus {
	outline:1px auto;
	outline-offset:0px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter {
	clear: both;
}

/* COMMENTS */

.comments-area hr {
	margin-top:3em;
}

ol.comment-list {
	margin-top:3em;
	list-style:none;
	padding-left:0;
}

ol.comment-list hr {
	display:none;
}

ol.children {
	list-style:none;
	margin-top:2em;
	margin-bottom:2em;
	padding-left:0.5em;
}

ol.comment-list li, ol.children li {
	border-left:medium solid #666;
	padding-left:1em;
}

li.comment + li.comment {
    margin-top: 2em;
}

.comments-area input[type="submit"] {
	background-color: #3d3d3d;
	border: none;
	border-radius: 0px;
	margin: 0 4px 5px 0;
	padding: 10px 20px;
	text-align: center;
	color:#ddd;
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: "Bebas Neue", sans-serif;
}

.header-icons p {
	text-align:center;
	margin-top:0.5em;
	letter-spacing:5px;
}

.footer-icons p {
	text-align:center;
	font-size:2em;
	letter-spacing:5px;
	padding-bottom:0.5em;
}

/* SEARCH */
.searchform div.input-group {
	width:100%;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.searchform input[type="submit"], .mc4wp-form-fields input[type="submit"], .wpcf7-submit {
	background-color: #3d3d3d;
	margin-top: 0.5em;
	padding: 8px;
	color:#ddd;
}

/* CONTACT FORM */
.wpcf7-form label {	width:100%; }
.grecaptcha-badge {	display: none; }
iframe { max-width:100%; }