/*
 Theme Name:   Sebastian
 Theme URI:    http://example.com/twenty-thirteen-child/
 Description:  Sebastian Gramss Custom Theme
 Author:       Mss Janey
 Author URI:   http://bitesncoffee.com
 Template:     twentythirteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-thirteen-child
*/

@font-face {
    font-family: 'Titillium';
    src: url('/wp-content/themes/twentythirteen-child/fonts/TitilliumText25L005.otf') format('opentype');
    font-weight: 200;
}

@font-face {
    font-family: 'Titillium';
    src: url('/wp-content/themes/twentythirteen-child/fonts/TitilliumText25L004.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'Titillium';
    src: url('/wp-content/themes/twentythirteen-child/fonts/TitilliumText25L003.otf') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'Titillium';
    src: url('/wp-content/themes/twentythirteen-child/fonts/TitilliumText25L002.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'Titillium';
    src: url('/wp-content/themes/twentythirteen-child/fonts/TitilliumText25L001.otf') format('opentype');
    font-weight: 600;
}

@font-face {
    font-family: 'Titillium';
    src: url('/wp-content/themes/twentythirteen-child/fonts/TitilliumText25L.otf') format('opentype');
    font-weight: 700;
}

html, body, button, input, select, textarea {
  font-family: 'Titillium', Helvetica, sans-serif;
  color: #32373c;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Titillium', Helvetica, sans-serif;
}

.row h4 {
  margin: 10px 15px;
}

a:hover, a:visited {
  text-decoration: none;
}

/* read more link */
.readmore-title {
  margin-bottom: 0;
}

*[id^='readlink'] {
  border-bottom: none !important;
  padding: 0;
  margin-top: 5px;
  margin-bottom: -10px;
  display: block;
}
*[id^='readlink']:hover {
  border-bottom: none !important;
  padding: 0;
}
*[id^='readlink']:focus {
  text-decoration: none;
}


/* header */
.site-header {
	max-width: 1080px;
	margin: 0 auto;
}

.site-header .home-link {
  min-height: 110px;
  padding: 0;
  display: inline-block;
  margin: initial;
  max-width: initial;
  width: initial;
}

.site-title {
  font-family: 'Titillium', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 33px;
  font-style: initial;
  padding: 30px 0 10px;
  display: inline-block;
}

.site-header .site-title:hover {
  text-decoration: none;
}

.site-description {
  font-family: 'Titillium', Helvetica, sans-serif;
  font-weight: 300;
  font-size: 13px;
  font-style: initial;
  display: inline-block;
}

.site-header .search-form {
  top: 30px;
}

/* navigation */
.navbar {
  background-color: initial;
  text-align: center;
}

#primary-menu {
  background: url(img/nav-separator-h.png) repeat top;
}

.nav-menu li {
  background: url(img/nav-separator-v.png) no-repeat right 20px;
  padding-right: 1px;
}

.nav-menu li a {
  border-top: 1px solid transparent;
}

.nav-menu li:hover > a, .nav-menu li a:hover,
.nav-menu li:focus > a, .nav-menu li a:focus {
  background-color: transparent;
  border-top-color: #C85A5A;
  color: #C85A5A;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
  color: #C85A5A;
  font-style: initial;
}

/* submenu */
.nav-menu .sub-menu, .nav-menu .children {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 1px 2px 2px 1px rgba(105,105,105,0.4);
  text-align: left;
}

ul.nav-menu ul li {
  padding-left: 15px;
}

/* sub-menu main sections */
#menu-item-52, #menu-item-53,
#menu-item-54, #menu-item-209 {
  font-weight: 600;
  padding-left: 0;
}

/* sub-menu items */
#menu-item-53 a,
#menu-item-50 a,
#menu-item-49 a,
#menu-item-204 a,
#menu-item-205 a,
#menu-item-206 a,
#menu-item-209 a {
  color: #778C83;
}

/* sub-menu items:hover */
#menu-item-53 a:hover,
#menu-item-50 a:hover,
#menu-item-49 a:hover,
#menu-item-204 a:hover,
#menu-item-205 a:hover,
#menu-item-206 a:hover,
#menu-item-209 a:hover {
  color: #C85A5A;
}

ul.nav-menu ul a {
  color: #36596D;
  padding: 7px 20px;
}

ul.nav-menu ul a:hover, .nav-menu ul ul a:hover,
ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
  background-color: initial;
  border-top-color: transparent;
}

/* content */
.entry-header {
  display: none;
}

.site-main {
  background-color: #D45B40;
}

.content-area {
  padding: 10px 100px;
  background-color: #D45B40;
}

.site-content {
  margin: 30px;
  background-color: #F2795E;
  border-radius: 20px;
}

.entry-content {
  float: left;
  padding: 0 20px;
	max-width: unset;
}

.entry-content .container {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 1px 2px 2px 1px rgba(105,105,105,1);
  padding: 15px;
  margin-bottom: 30px;
  max-width: unset;
}

.entry-content h3 {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 2px 2px 1px rgba(105,105,105,1);
  padding: 5px 15px;
  display: inline-block;
}

.entry-content .container-widget {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 1px 2px 2px 1px rgba(105,105,105,1);
  padding: 15px;
  margin-bottom: 50px;
  max-width: 600px;
}

.hentry {
  padding: 0;
}

.col-full {
  padding: 0 15px;
}
.col-full h5 {
  margin-bottom: 0;
}

/* HOMEPAGE */
/* newsreel */
#newsreel {
/*     background-color: #d65a42; */
	background-color: #7e9fbe;
    height: 30px;
    padding: 3px 50px;
    color: black;
	font-size: 16px;
}

body.home .site-main {
  background-color: #fff;
}

body.home .content-area {
  padding: 0;
  background-color: #fff;
}

body.home .site-content {
  margin: 0;
  background-color: #fff;
  border-radius: 0;
}

body.home .entry-content {
  float: initial;
  padding: 0;
  max-width: initial;
}

body.home .entry-content .container {
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-bottom: 0;
  max-width: initial;
}

#post-2.hentry {
  padding: 0;
}

/* slideshow gallery */
body.home #rl-gallery-container-1 {
  max-width: 920px;
  margin: 0 auto;
}

body.home .sy-controls li.sy-prev {
	top: 200px;
}

body.home .sy-controls li.sy-next {
	top: 200px;
}

/* quotes rotator */
body.home #tertiary {
  top: 250px;
  z-index: 10;
}

body.home #custom_html-8 {
	padding-right: 33px;
}

.rotator {
  position: relative;
  list-style: none;
  text-align: left;
}

.rotator > li {
  position: absolute;
  opacity: 0;
  right: 50px;
  width: 250px;
  background-color: rgba(250, 250, 250, 0.7);
  padding: 5px 15px;
  border-radius: 13px;
}

.rotator li h3 {
	font-size: 15px;
}

.rotator > li:first-child {
  -webkit-animation: loop 20s infinite;
}

.rotator > li:nth-child(2) {
  -webkit-animation: opsecond 20s infinite;
}

.rotator > li:last-child {
  -webkit-animation: oplast 20s infinite;
}

@-webkit-keyframes loop {
  0% { opacity: 0; }
  10% { opacity: 1; }
  33% { opacity: 1; } 
  44% { opacity: 0; }
}

@-webkit-keyframes opsecond {
  33% { opacity: 0; }
  44% { opacity: 1; }
  66% { opacity: 1; }
  77% { opacity: 0; }
}
  
@-webkit-keyframes oplast {
  66% { opacity: 0; }
  77% { opacity: 1; }
  100% { opacity: 1; }
  0% { opacity: 1; }
  10% { opacity: 0; }
}

/* bands & music */
body.page-id-36 .content-area,
body.page-id-38 .content-area,
body.page-id-187 .content-area,
body.page-id-44 .content-area,
body.page-id-195 .content-area,
body.page-id-197 .content-area,
body.page-id-177 .content-area,
body.page-id-40 .content-area,
body.page-id-42 .content-area,
body.page-id-189 .content-area,
body.page-id-191 .content-area,
body.page-id-193 .content-area {
	background-color: #778c83;
}
body.page-id-36 .site-content,
body.page-id-38 .site-content,
body.page-id-187 .site-content,
body.page-id-44 .site-content,
body.page-id-195 .site-content,
body.page-id-197 .site-content,
body.page-id-177 .site-content,
body.page-id-40 .site-content,
body.page-id-42 .site-content,
body.page-id-189 .site-content,
body.page-id-191 .site-content,
body.page-id-193 .site-content {
	background-color: #95aaa3;
}

.band-fb {
  display: block;
  margin: 10px 0;
  text-align: center;
}

.band-link {
  float: right;
  margin: 10px 15px;
  text-decoration: underline;
}

.band-intro {
  display: flex;
  align-items: center;
}
.band-intro p {
  margin: 0;
}
.band-intro h5 {
  margin: 0 0 10px;
}

.band-logos {
  display: flex;
  align-items: center;
}

.band-pressquotes p {
  margin-bottom: 0;
}

.lineup-quote {
  margin-top: 20px;
  font-size: 15px;
  font-style: italic;
}

/* news */
body.page-id-8 .content-area {
	background-color: #5f809f;
}
body.page-id-8 .site-content {
	background-color: #7e9fbe;
}

body.page-id-8 .widget-area {
  margin-right: 50px;
}

#post-8 .entry-content h3 {
  float: left;
  clear: left;
}

#post-8 .entry-content div:nth-child(even) {
  float: left;
  clear: left;
  margin-bottom: 20px;
}

#post-8 .entry-content div:nth-child(odd) {
  float: right;
  clear: right;
  margin-bottom: 20px;
}

/* contact */
body.page-id-16 .widget-area {
  margin-right: 50px;
}

#post-16 .entry-content div.container-widget {
  overflow: hidden;
}

.scrollable {
  overflow: auto;
  height: 340px;
}

/* shop */
#post-18 .entry-content {
  max-width: initial;
}

#post-18 .container {
  width: auto;
}

#post-18 h5 {
  text-align: center;
  margin: 7px 0px;
}

#post-18 h6 {
  text-align: center;
  margin: 7px 0 15px;
  font-weight: normal;
}

#post-18 p {
  margin: 0 0 12px;
}

#post-18 img {
  margin: 0 auto;
}

/* MEDIA */
/* press */
body.page-id-60 .content-area {
	background-color: #778c83;
}
body.page-id-60 .site-content {
	background-color: #95aaa3;
}

#post-60 p {
  margin-bottom: 0;
}

/* photos */
body.page-id-62 .content-area {
	background-color: #778c83;
}
body.page-id-62 .site-content {
	background-color: #95aaa3;
}

/* videos */
body.page-id-64 .content-area {
	background-color: #778c83;
}
body.page-id-64 .site-content {
	background-color: #95aaa3;
}

/* shop */
body.page-id-18 .content-area {
	background-color: #98805e;
}
body.page-id-18 .site-content {
	background-color: #b69f7d;
}

/* biography */
body.page-id-12 .widget-area {
  margin-right: 50px;
}

.bio-quotes {
  color: #fff;
}

/* widget */
.widget {
  background-color: initial;
}

#custom_html-4,
#custom_html-6,
#custom_html-7 {
  padding: 0;
  margin-top: 20px;
}

#custom_html-4 h3,
#custom_html-6 h3,
#custom_html-7 h3 {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 2px 2px 1px rgba(105,105,105,1);
  padding: 5px 10px;
  margin: 63px 0 23px 0;
  font-family: 'Titillium', Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: inline-block;
	margin-top: 0;
}

#custom_html-4 div,
#custom_html-6 div,
#custom_html-7 div {
  background-color: #fff;
  border-radius: 13px;
  box-shadow: 1px 2px 2px 1px rgba(105,105,105,1);
  padding: 5px 10px;
  font-weight: 500;
}

/* calendar widget  */
#custom_html-7 h3 {
	margin-top: 0;
}
#custom_html-7 div {
	max-height: 550px;
	overflow: scroll;
}

#custom_html-4 a:hover,
#custom_html-6 a:hover {
  text-decoration: none;
}

.widget_text ul {
  padding:10px 5px 0 5px;
  list-style: none;
}


/* footer */
footer.entry-meta {
  margin-top: 0;
}

.site-footer {
  background-color: #fff;
  color: #32373c;
}

.site-footer .sidebar-container {
  background-color: transparent;
  padding: 0;
}

.site-footer .widget {
  background: transparent;
  color: initial;
  float: left;
  margin-right: 0;
  width: initial !important;
  position: initial !important;
  margin-bottom: 0;
  padding: 0;
  padding-top: 25px;
}

.site-footer .widget-area {
  max-width: 1080px !important;
  position: relative !important;
  left: initial !important;
  height: initial !important;
  margin-right: auto !important;
}

#custom_html-5 {
  position: initial;
  float: right;
}

/* gallery plugin */
@media all and (min-width: 1200px) {
	.rl-basicgrid-gallery .rl-gallery-item {
		width: calc(33.3333333333% - 10px) !important;
	}
	.rl-pagination-bottom {
		display: none;
	}
}


/* Media Queries */

@media (max-width: 1599px) {
	
	/* Bands */
	.entry-content .container {
		width: initial;
	}
}

@media (max-width: 1260px) {
	
	/* widgets */
	body.page-id-8 .site-main {
		background-color: #5f809f;
	}
	body.page-id-8 .site-main,
	body.page-id-12 .site-main,
	body.page-id-16 .site-main {
		height: 100%;
		padding-bottom: 40px;
	}
	
	body.page-id-8 .sidebar-container,
	body.page-id-12 .sidebar-container,
	body.page-id-16 .sidebar-container {
/* 		width: initial; */
		height: 100%;
		position: relative;
		padding: 0 125px;
	}
	body.page-id-8 .widget-area,
	body.page-id-12 .widget-area,
	body.page-id-16 .widget-area {
		margin-right: 0;
	}
	
	.sidebar .entry-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.site-main .widget-area {
		margin-right: 0;
		float: none;
		width: auto;
	}

	/* Bands */
	.entry-content .container {
		width: initial;
	}
}

@media (max-width: 999px) {
	
	.site-header {
		padding: 0 20px;
	}
	
	/* Homepage - quote rotator */
	body.page-id-2 .site-main .sidebar-container {
		max-width: initial;
		position: absolute;
	}
	
	/* widgets */
	body.page-id-8 .site-main {
		background-color: #5f809f;
	}
	body.page-id-8 .site-main,
	body.page-id-12 .site-main,
	body.page-id-16 .site-main {
		height: 100%;
		padding-bottom: 40px;
	}
	body.page-id-8 .sidebar-container,
	body.page-id-12 .sidebar-container,
	body.page-id-16 .sidebar-container {
		max-width: 738px;
		padding: 0 5%;
	}
	
	.sidebar .entry-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* Bands */
	.entry-content .container {
		width: initial;
	}
	.band-intro {
		display: block;
	}
}

@media (max-width: 767px) {
	
	.site-header {
		padding: 0 20px;
	}
	
	body.home #tertiary {
		top: 200px;
	}
	body.home .sy-controls li.sy-prev,
	body.home .sy-controls li.sy-next {
		top: 150px;
	}
	
	.content-area {
		padding: 10px 30px;
	}
	
	body.page-id-8 .sidebar-container,
	body.page-id-12 .sidebar-container,
	body.page-id-16 .sidebar-container {
		max-width: 647px;
	}
	
	.band-intro {
		display: block;
	}
}

@media (max-width: 643px) {
	
	#primary-menu {
		background: none;
	}
	
	.site-header {
		padding: 0 40px;
	}
	
	body.home #tertiary {
		top: 110px;
	}
	body.home .sy-controls li.sy-prev,
	body.home .sy-controls li.sy-next {
		top: 120px;
	}
	
	body.page-id-8 .sidebar-container,
	body.page-id-12 .sidebar-container,
	body.page-id-16 .sidebar-container {
		max-width: 523px;
	}
	
	.content-area {
		padding: 10px;
	}
}

/* Mobile devices */
@media (max-width: 359px) {
	
	body.home #tertiary {
		top: 50px;
	}
	body.home .sy-controls li.sy-prev,
	body.home .sy-controls li.sy-next {
		top: 110px;
	}
	
	.site-content {
		margin: 10px;
	}
	
	body.page-id-8 .sidebar-container,
	body.page-id-12 .sidebar-container,
	body.page-id-16 .sidebar-container {
		max-width: 319px;
	}
	body.page-id-12 .widget-area,
	body.page-id-16 .widget-area {
		margin-right: 0;
	}
}