/**
 * Theme Name:   St Pauls Music child theme
 * Theme URI:    http://toret.cz
 * Description:  St Pauls child theme for music
 * Author:       C Selin/m2media
 * Author URI:   http://www.m2media.com.au
 * Template:     stpauls
 * Version:      1.0.0
 */

/* ----------------------------------------------------------------------------
 * Add your Child Theme css styles 
 * ------------------------------------------------------------------------- */


/*
Bright teal: 		#54EEDC;
Text heading: 		#26575B;
footer background : #353638;
background gradient: linear-gradient(90deg, #26575B 0%, #54EEDC 100%);
*/

ul#menu-top-menu li a {
    color: #fff;
}

.slider-container img {
	display:block;
}

.post-type-archive-tribe_events #bodycontent, .single-tribe_events #bodycontent {
	background-color: #fff;
}
/*h1 {
	font-family: cortado, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: unset;

}

.toplevelbanner h1, .toplevelbanner h2 {
	text-transform: unset;

}*/


/*VC elements 
=======================*/
.white {
	overflow:hidden;
}

.vc_btn3 {
    color: #26575B !important;
    border: 1px solid #54EEDC !important;
    background-color: #54EEDC !important;
}
.vc_row h3::after, .vc_row h2::after, .vc_row h1::after  {
    background-color: #26575B;
}

.teal.vc_row h3::after, .teal.vc_row h2::after, .teal.vc_row h1::after  {
    background-color: #fff;
}
.teal.vc_row {
	background:  linear-gradient(90deg, #26575B 0%, #54EEDC 100%);
}

.teal.vc_row h1 strong, .teal.vc_row h2 strong , .teal.vc_row h3 strong , .teal.vc_row h4 strong , .teal.vc_row h5 strong {
	color:#54EEDC;
}

th {
	background-color: #54EEDC;
    color: #26575B;
}

.menu-header-menu-container .menu li a:hover {color:#26575B !important}
.menu-header-menu-container .menu .sub-menu li a {color:#26575B !important}

/*Home page CTA*/
.teal-inner {
	background-color: #ebae38;
	max-width: 1208px;
	margin: 40px auto !important;
	padding: 20px 20px;
    color: #fff;
}
.teal-inner .vc_btn3{
	border-color: #fff !important;
	background-color: #fff !important;
    color: #26575B !important;
}

.teal-inner h3 {
	padding-bottom: 0px;
	color:#fff;
}
.teal-inner h3:after {
	display:none;
}


.teal-inner .vc_col-has-fill {
	min-height: 0px !important;
}
.teal-inner .vc_col-has-fill > .vc_column-inner {
	padding-top: 0px;
}
.teal-inner .vc_btn3:hover {
	border-color: #26575B !important;
	background-color: #26575B !important;
    color: #fff !important;

}

/*Header 
=======================*/
#header .header-inner {
	background-color: #54EEDC;
	background-image: url(img/header-bg.jpg);
	background-size: cover;
	background-position: bottom center;
	color: #26575B;
	border-bottom: 0px solid transparent;
	width:100%;
	padding-left: 20px;
}

.header-inner:after {
	content: " ";
	display: table;
	clear:both;
}

#header {
	border-bottom: 0px solid transparent;

}
.menu-header-menu-container .menu li a {
	font-weight: bold;

}
.fixedheader {
	border-bottom: 0px solid #26575B;

}

#header .valign-wrapper {

}

#header .logo {
	margin-top :0px;
	display:flex;
	align-items:center;

}


header .header-inner {
    min-height: 59px;
}


#search i {
	color :#fff;
}

.scrolled header nav .music-brand {
    width: 169px;
    padding-top: 18px;
    padding-left: 20px;
}
header nav .music-brand {
    float: left;
    width: 212px;
    padding-top: 31px;
}
.music-brand {
    display: block;
    margin-left: 20px;
}
@media screen and (min-width:1594px) {
	.music-brand {
		margin-left: 93px;
	}
}


@media screen and (max-width:600px) {
	header nav .logo, .scrolled header nav .logo {
		width:115px;
		padding-left: 0px;
	}
	header nav .header-inner{
		display:flex;
		align-items:center;
		justify-content: space-between;
	}
	header nav .music-brand{
		padding-top: 13px;
		width: 142px;
		margin-left: auto;
		margin-right: 20px;
	}
}
@media screen and (min-width:601px) {
	header nav .logo, .scrolled header .logo {
	    width: 200px;
	}

	header .header-inner, header .logo  {
		min-height: 100px;
	}
	.scrolled header .header-inner, .scrolled header .logo {
	    min-height: 60px;
	}
	#header .logo {
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
}
@media screen and (min-width:1262px) {
	header nav .logo, .scrolled header nav .logo {
	    width: 251px;
	    flex-basis: 251px;
	}
	.scrolled header nav .logo .brand-logo {
		width: 100px;
		margin: 0 auto;
	}
}

/*Title 
=======================*/

.padded-multiline h1 span {
	background-color: #54EEDC;
}


.slider-container:before,
.regularbanner .innercontainer:before{
	z-index: 2;

	content: " ";
	display:block;
	bottom: 0;
	right:0;
	position: absolute;
	background-image: url(img/music.svg);
	width:265px;
	max-width:90%;
	height: 100%;
	background-size:contain;
	background-repeat: no-repeat;
	background-position:bottom right 25px;
}

.slider-container:before, 
.regularbanner .innercontainer:before {
	max-width:1200px;
	width:100%;
	background-size: 265px auto;

	left: 50%;
	transform:translateX(-50%);
}


.slider-container .slick-dots{
	z-index:9;
}
.slick-dots li.slick-active button {
	background-color:  #137383;
}
.slick-dots li button {
	border-color: #137383;
}

@media screen and (max-width: 700px) {
	.slick-dots {
		bottom: -25px;
	}
}
@media screen and (min-width: 980px){
	.regularbanner .innercontainer {
		position: relative;
		min-height:417px;
	}
	.slider-container {
		position: relative;

	}
	.slider-container:before,
	.regularbanner .innercontainer:before{
		height: 100%;
		background-size: 478px auto;
	}



}

.topbar, .regularbanner, .toplevelbanner {
	background:  linear-gradient(90deg, #26575B 0%, #54EEDC 100%);
}

.regularbanner, .toplevelbanner {
	background-size: cover !important;
	background-position:center !important;
}
/*Footer
======================= */

#bottomfooter {
    color: #fff;
}

footer .widget:first-child {
    padding-bottom: 0 !important;
	margin-bottom:8em !important;
}

footer, footer a {
    color: #565252;
}

footer {
    background-color: #eeeceb;
}

footer .widget, footer .widget:first-child {
	border-color: rgba(232,232,232,.5);
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	color: #137383;
}

footer {
	background-image: url(img/footer-bg.png);
	background-size: 100% auto;
    background-position: 100% 116%;
	background-repeat: no-repeat;
}

footer .widget .widgettitle {
	margin-bottom: 1.65rem;
	padding-bottom: 1.5rem;
}

footer .social a {
	width:23px;
	height: 23px;
	background-position: center !important;
	background-size: contain;
	background-repeat:no-repeat;
}
footer .social a:hover {
	opacity: .8;
}

footer .social a.twitter 	{	background-image: url(img/icon/twitter.svg); }
footer .social a.facebook 	{	background-image: url(img/icon/facebook.svg); }
footer .social a.linkedin 	{	background-image: url(img/icon/linkedin.svg); }
footer .social a.instagram	{	background-image: url(img/icon/instagram.svg); }
footer .social a.youtube 	{	background-image: url(img/icon/youtube.svg); }




/*Side menu
======================= */
#sidemenu li.title {
	line-height: 1;
}

#sidemenu li.title br{
	display: none;
}
#sidemenu .expanded > li.title, .home #sidemenu > div > ul > li.title, .noRelation#sidemenu > div > ul > li.title {
	line-height: 1.5;
}
#sidemenu .expanded > li.title br, .home #sidemenu > div > ul > li.title br, .noRelation#sidemenu > div > ul > li.title br {
	display:block;
}

#sidemenu .expanded > .title a, .home #sidemenu ul > .title a, #sidemenu li.title a:hover, .noRelation#sidemenu ul > .title a, .mm-title {
	color: #26575B !important;
}
#sidemenu .menu >li.title > a, .home #sidemenu > div > ul > li.title > a,
#sidemenu .menu > li.title > a, .noRelation#sidemenu .menu > li.title > a {
	font-weight:bold;
	font-size:1.5em;

	color: #26575B;
	height: 110px !important;

}
#sidemenu .menu >li.title > a {

}
#sidemenu .menu >li.title > a, .noRelation#sidemenu .menu > li.title > a {
	font-weight:bold;
	text-align:center;
	color: #26575B;
	font-size:1.5em;
	padding:20px 25px 10px 25px;
}
#sidemenu .sub-menu .title  {
	text-transform: uppercase;
}
#sidemenu .underline a {
	text-decoration: underline;
	color: #26575B;
}
#sidemenu a {
	color: #353638;
}

#sidemenu .current-menu-item > a {
	font-weight: bold;
}

#sidemenu .highlight > a {
	background-color: #ebae38;
	color: #fff;
	text-transform: uppercase; 
	font-weight: bold;

}
#sidemenu .underline a {
	text-decoration: none !important;
}
#sidemenu .expanded > li.title > a, .home #sidemenu > div > ul > li.title > a, #sidemenu ul li a, .noRelation#sidemenu > div > ul > li.title > a {
	padding-top: 20px;
}
/*Tribe events
======================= */
.select-wrapper.tribe-bar-views-select.tribe-no-param.customInit {
	display:none;
}

.tribe-events-pg-template {
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px 20px;
}
.tribe-events-calendar thead th {

    background-color: #54EEDC;
    color: #26575B;
    border-left: 1px solid #54EEDC;
    border-right: 1px solid #54EEDC;

}
.date-in {
    background-color: #ebae38;
	
}
#tribe-events .tribe-events-button {
    background-color: #26575B;
    transition: all .2s;

}
 #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
    background-color: #54EEDC;

}
.tribe-events-page-title {
    color: #26575B;
	font-weight:bold;
	text-transform: unset;
	font-size:1.75em;
	margin: 3em auto 2em auto;
}

#tribe-events-content:after {
	content: " ";
	clear:both;
	display: table;
}


/*Content table
======================= */
.white table {
  border-collapse: collapse;
  margin:  1em auto;
}

.white table tr{
  border-bottom: 1px solid #D5DADA;
}

.white table th {
    background-color: #54EEDC;
    color: #26575B;
    font-weight: bold;
    border-bottom: 0px solid transparent;

}
.white table td{
  padding: .75em .5em;
}

footer .widget .widgettitle:after {
    background: unset;
}

ul.social {
	width:47%;
    padding-top: 6px;
    text-align: center;
    padding-bottom: 0px;
    padding-left: 4px;
}

@media screen and (min-width: 993px){
footer .widget:first-child {
    border-right: 1px solid #326165;
}
}
@media screen and (max-width: 460px){
footer {
    background-position: 100% 93%;
}
	footer .widget:first-child {
    margin-bottom: 3em !important;
}
	#bottomfooter{
	font-size: 11px !important;
    line-height: 11px;
	}
}