/*



Theme Name: BillBurr



Author: BillBurr



Tags: Black, White, Gray, Yellow, Responsive, Fixed Width



Description: BillBurr theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images,  beautiful typography and icons, and a flexible layout that looks great on any device, big or small.

*/





* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }

html, body { width: 100%; font-size: 16px; line-height: 26px; color: #676767; background: #fff;font-family: 'coolveticaregular'; }

/*font-family: 'Lato', sans-serif; */

*::-webkit-input-placeholder { opacity:1; color: #000000; }

*::-moz-placeholder {opacity:1;color: #000000; }

*:-ms-input-placeholder {opacity:1;color: #000000;}
 








input[type=checkbox]{ -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}

button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px;  }



:focus,input:focus, textarea:focus { outline: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

:focus { outline: none; }



.clear{height:0px; overflow: hidden}

/* common */

a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }

ul { list-style: none; }

.clear { clear: both; overflow: hidden; }

img { border: 0px; outline: none; display: block; max-width: 100%; }





#back-to-top { box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #81a9a6; }

#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }

#back-to-top.show { opacity: 0.8; }

#back-to-top.show:hover { opacity: 1; }

a.close, a.mobilemenu { display: none; }

h1,h2,h3,h4,h5,h6{font-family: 'coolveticalight';}







/* wrapper */

#wrapper { width: 100%; min-height: 100%; margin: 0px auto; position: relative;overflow: hidden;    height: 100vh;}

#wrapper{overflow:hidden;    background-size: cover !important; background-position: 100% 100% !important;}

.centering { max-width: 1270px; padding: 0px 15px; margin: auto; position: relative; }

#header-part {}

/* header-part */



header {width: 100%; position: relative;  }

.header-block{padding:27px 0px 27px 0px;width: 100%;float: left;}

.header-block .centering { max-width: 100%; }

.header-block .logo{ width: 270px;float: left;margin-left: 3px;}

.header-block .social{ width: auto;float:right;padding-top: 25px;}

.header-block .social ul{list-style: none;  position: relative;top: -5px; float: left; width: 100%;}

.header-block .social ul li{ float: left; color:#4a9be2;padding:0px 17px 0px 0px;}

.header-block .social ul li:last-child{padding-right: 0px;}


.bgclose { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  }






.footer-block {float: left; width: 100%;  background: #000000c2; padding: 13px 0px;position: absolute;bottom: 0;z-index: 9;}

.footer-block .centering { max-width: 100%; }

.footer-block .left{width: 60%; float: left;}

.footer-block .left ul{}

.footer-block .left ul li{float: left; padding: 0px 41px 0px 0px}

.footer-block .left ul li a{font-size: 24px; line-height: 21.6px;border-bottom: 2px solid transparent; color: #DCE067;font-family: 'coolveticalight'; font-weight:400;}

.footer-block .left ul li.current-menu-item a{color:#fff; border-bottom: 2px solid #DCE067}

.footer-block .right{ float: right; padding-top: 2px;}

.footer-block .right p{font-size: 9px; color: #fff;font-family: 'coolveticalight'; font-weight:400;letter-spacing: 1px;color: #E7E7DB }

.footer-block .right p span{float: left; padding-right: 3px; }

.footer-block .right p a{float: right;}
.footer-block .left.notour ul li#menu-item-26, .footer-block .left.novid ul li#menu-item-27 { display: none; }

/*music-block*/

.music-block{ width: 100%; float: left;position: absolute;bottom: 70px;}

.music-block .box{ width: 384px; float: right; margin-right: 20px;}

.music-block .box iframe{height: 120px; width:100%;}





/*podcast block*/

.podcast-block{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #020202d4;z-index: 9; display: none;transition: all 2s ease-out; }

.podcast-block.active{display: block;transition: all 2s ease-out; }

.podcast-block .content-box{width: 830px;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.podcast-block .cross{width: auto;height: 24px;position: absolute;top: 27px;right: 24px; cursor: pointer;}

.podcast-block .cross span{font-size: 14px;color: #fff;text-align: center;display: block;line-height: 20px; font-weight: bold;}

.podcast-block .content-box	.left-box{width:49%; float: left; margin-right: 16px;height: 100%;display: flex;flex-wrap: wrap;height: 100%;align-items: center;}

.podcast-block .content-box	.left-box:last-child{margin-right:0px;}

.podcast-block .content-box .left-box .box {width: 100%;}

.podcast-block .content-box	.right-box{width:49%; float: right;text-align: left;}

.podcast-block .content-box figure{width:100%; float: left; border:1px solid #DCE067; margin-bottom: 6px;}

.podcast-block .content-box h5{font-size: 36px; color:#DCE067; font-weight: 400; line-height:43px;position: relative;margin-bottom: 6px;font-family: 'coolveticaregular';}

.podcast-block .content-box h5 span{width: 88%;height: 2px;background: #fff;display: inline-block;right: 0; position: absolute;bottom: 11px;}

.podcast-block .content-box	p{font-style: normal;font-family: 'coolveticalight';font-weight: 400;font-size: 20px;line-height: 24px;text-align: center;color:#E7E7DB;text-transform: lowercase;width: 100%;min-height: 73px;padding: 5px 68px;}

.podcast-block .content-box ul{text-align: center;width: 100%;}

.podcast-block .content-box ul li{width: auto; display: inline-block;margin: 0px 9px;}

.podcast-block .content-box ul li:last-child img{width:auto;}

.podcast-block .content-box ul li img{ width: 65px; }
.podcast-block .content-box ul li.spotify img{ width: 85px; }



/*tour block*/

.tour-block{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #020202d4;z-index: 9; display: none;transition: all 2s ease-out; }

.tour-block.active{display: block;transition: all 2s ease-out; }

.tour-block .content-box{width: 1070px;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-49%, -54%);}

.tour-block .cross{width: auto;height: 24px;position: absolute;top: 27px;right: 24px; cursor: pointer;}

.tour-block .cross span{font-size: 14px;color: #fff;text-align: center;display: block;line-height: 20px; font-weight: bold;}

.tour-block .content-box .scroll-box{width: 100%; float: left; padding-right: 30px;padding-left: 10px;overflow-x: scroll;overflow: auto; scrollbar-width: thin; height: calc(100vh - 200px); }

.tour-block .content-box .scroll-box::-webkit-scrollbar {width: 2px; }

.tour-block .content-box .scroll-box::-webkit-scrollbar-track {background: #fff;}

.tour-block .content-box .scroll-box::-webkit-scrollbar-thumb {background: transparent; border-radius:10px;}

.tour-block .content-box .full-box{ position: relative; width:100%; float: left;position:relative; background: #fff; margin-bottom: 25px;}
.tour-block .content-box .full-box .ticket_link { position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; line-height:0; }  


.tour-block .content-box .full-box:before{content: "";width: 20px;height: 20px;background: #000;border-radius: 50%;overflow: hidden;position: absolute;left: -10px;top: 35px;}

.tour-block .content-box .full-box:after{content: "";width: 20px;height: 20px;background: #000;border-radius: 50%;overflow: hidden;position: absolute;right: -10px;top: 35px;}

.tour-block .content-box .full-box .datebox{width:165px; float: left; background: #DCE067; height: 90px;    padding: 22px 45px 20px 35px;}

.tour-block .content-box .full-box .datebox h4{float: left;font-weight: 700;font-size: 40px;line-height: 38px;text-align: center;letter-spacing: 2px;color: #000000;font-family: 'coolveticaregular';} 

.tour-block .content-box .full-box .datebox span{display: block;text-align: right;font-weight: 400;font-size: 16px;line-height: 19px;letter-spacing: 0.01em;color: #000000;} 

.tour-block .content-box .full-box .placebox{width:42%; float: left;height: 90px;padding: 15px 45px 15px 40px; display: flex; align-items: center;}

.tour-block .content-box .full-box .placebox h3{font-weight: 700;font-size: 24px;line-height: 29px;letter-spacing: 0.01em;color: #000000;font-family: 'coolveticaregular';}

.tour-block .content-box .full-box .locationbox{width:22%; float: left;height: 90px;padding: 15px 45px 15px 40px; display: flex; align-items: center;}

.tour-block .content-box .full-box .locationbox p{font-weight: 700;font-size: 16px;line-height: 19px;letter-spacing: 0.01em;color: #999999;font-family: 'coolveticalight';}

.tour-block .content-box .full-box .ticketbox{width:190px; float: right; background:#fff;height: 90px;padding: 32px 31px 35px 31px;text-align: center;}

.tour-block .content-box .full-box .ticketbox p{font-weight: 700;font-size: 16px;line-height: 19px;text-align: center;letter-spacing: 1px;color: #000;font-family: 'coolveticaregular'; text-transform: uppercase; }

.tour-block .content-box .full-box .ticketboxred{width:190px; float: right; background:#C02222;height: 90px;padding: 32px 31px 35px 31px;text-align: center;}

.tour-block .content-box .full-box .ticketboxred p{font-weight:700;font-size: 16px;line-height: 19px;text-align: center;letter-spacing: 1px;color: #FFFFFF;text-transform:uppercase;font-family: 'coolveticaregular';}

.tour-block .content-box h5{font-size: 36px; color:#DCE067; font-weight: 400; line-height:43px;position: relative;margin-bottom: 11px;width: 97%;padding-left: 10px;font-family: 'coolveticaregular';}

.tour-block .content-box h5 span{width: 83%;height: 2px;background: #fff;display: inline-block;right: 0; position: absolute;bottom: 11px;}



/*watch block*/

.watch-block{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #020202d4;z-index: 9; display: none;transition: all 2s ease-out; }

.watch-block.active{display: block;transition: all 2s ease-out; }

.watch-block .content-box{width: 830px;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.watch-block .cross{width: auto;height: 24px;position: absolute;top: 27px;right: 24px; cursor: pointer;}

.watch-block .cross span{font-size: 14px;color: #fff;text-align: center;display: block;line-height: 20px; font-weight: bold;}

.watch-block .content-box h5{font-size: 36px; color:#DCE067; font-weight: 400; line-height:43px;position: relative;margin-bottom: 6px;font-family: 'coolveticaregular';}

.watch-block .content-box h5 span{width: 88%;height: 2px;background: #fff;display: inline-block;right: 0; position: absolute;bottom: 11px;}

.watch-block .content-box .video-box{width: 100%;height: 464px;border: 4px solid #DCE067;}

.watch-block .content-box .video-box iframe {width: 100%;height: 100%;}



/*contact block*/

.contact-block{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #020202d4;z-index: 9; display: none;transition: all 2s ease-out; }

.contact-block.active{display: block;transition: all 2s ease-out; }

.contact-block .content-box{width: 830px;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -80%);}

.contact-block .cross{width: auto;height: 24px;position: absolute;top: 27px;right: 24px; cursor: pointer;}

.contact-block .cross span{font-size: 14px;color: #fff;text-align: center;display: block;line-height: 20px; font-weight: bold;}

.contact-block .content-box h5{font-size: 36px; color:#DCE067; font-weight: 400; line-height:43px;position: relative;margin-bottom: 6px;font-family: 'coolveticaregular';}

.contact-block .content-box h5 span{width: 83%;height: 2px;background: #fff;display: inline-block;right: 0; position: absolute;bottom: 11px;}

.contact-block .content-box .box{width: 45%;margin: 45px auto 0px;text-align: center;}

.contact-block .content-box .box h3{font-size:24px; color:#DCE067;line-height: 24px;font-weight: 100;}

.contact-block .content-box .box h4{padding-top: 40px;font-size:24px; color:#DCE067;line-height: 24px;font-weight: 100; position: relative;}

.contact-block .content-box .box h4:before{content:""; height: 1px; width: 100px;background: #DCE067;position: absolute;transform: translate(-50%, -50%);left: 50%;

    top: -17%;}

.contact-block .content-box .box p{font-size:24px; color:#fff;line-height: 24px;padding: 20px 0px;font-weight: 100;font-family: 'coolveticalight';}

.contact-block .content-box .box a{font-size:24px; color:#fff;line-height: 24px;font-family: 'coolveticalight';} 













/* Responsive css*/

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

.centering{padding: 0px 15px;}

.header-block .logo{width: 217px;}

.footer-block .left ul li{padding: 0px 20px 0px 0px;}

/*.footer-block .right{width: 36%;}*/

.tour-block .content-box{width: 980px;}

.tour-block .content-box .full-box .placebox{width: 40%;}



}



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

.header-block .social{padding-top: 20px;}

.footer-block .left{width: 52%;}

.footer-block .left ul li a{font-size: 16px;}

.footer-block .left ul li{padding: 0px 12px 0px 0px;}

/*.footer-block .right{width: 48%;}*/

.podcast-block .content-box{width: 730px;}

.podcast-block .content-box .left-box{margin-right: 14px;}

.podcast-block .content-box p{padding: 5px 28px;}

.tour-block .content-box{width: 96%;}

.tour-block .content-box h5 span{width: 75%;}

.tour-block .content-box .full-box .placebox{width: 34%;}

.tour-block .content-box .full-box .placebox h3{font-size: 19px;}

.tour-block .content-box .full-box .placebox{ padding: 10px 20px; }

.tour-block .content-box .full-box .locationbox{padding: 10px;}

.tour-block .content-box .full-box .ticketbox{width: 140px;padding: 34px 10px 35px 10px;}

.tour-block .content-box .full-box .ticketboxred{width: 140px;padding: 34px 10px 35px 10px;}

.watch-block .content-box{width: 95%;}

.contact-block .content-box{width: 95%;}

}





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

#wrapper{    background-position: 53% 100% !important;}

.header-block .logo{width: 180px;}

.header-block .social{padding-top: 16px;}

.footer-block{padding: 0px;}

.footer-block .centering{padding: 0px;}

.footer-block .left{width: 100%;padding: 5px 15px;}

.footer-block .right{width: 100%;background: #000;padding: 5px 15px;}

.podcast-block .content-box{    width: 93%;transform: translate(-50%, -63%);}

.podcast-block .content-box .left-box{width:100%;}

.podcast-block .content-box figure{width:40%;}

.podcast-block .content-box .left-box .box{width:60%;}

.podcast-block .content-box p{padding: 5px 0px 0px 15px;text-align: left;min-height: auto;padding-bottom: 15px;}

.podcast-block .content-box .left-box{align-items: flex-start;margin-bottom: 20px;}

.podcast-block .content-box h5 span{width:77%;}



.tour-block .content-box h5 span{width:53%;}

.tour-block .content-box .full-box .datebox{width:99px;padding: 27px 16px 20px 16px; height: auto;}

.tour-block .content-box .full-box .innerbox{width: calc(100% - 198px); float: left; height: auto; display: flex; align-items: center; flex-wrap: wrap; }

.tour-block .content-box .full-box .placebox{width: 100%;padding: 10px 20px 0px 10px;height: auto;}

.tour-block .content-box .full-box .locationbox{padding: 0px 10px 14px 10px;height: auto;width: 100%;}

.tour-block .content-box .full-box .placebox h3{line-height: 23px;}

.tour-block .content-box .full-box .ticketbox{padding: 27px 10px 35px 10px;width: 99px;}

.tour-block .content-box .full-box .ticketboxred{padding: 25px 15px;width: 99px; height: auto; display: flex; align-items: center; justify-content: center;}

.tour-block .content-box .full-box .datebox h4{font-size: 32px;}

.tour-block .content-box .full-box{margin-bottom: 12px; display: flex; flex-wrap: wrap;}

.tour-block .content-box .scroll-box{padding-right: 15px;}

.tour-block .content-box{transform: translate(-49%, 0); top: 70px;}

.watch-block .content-box h5 span{width: 75%;}

.watch-block .content-box .video-box{    height: auto;}

.watch-block .content-box .video-box iframe{height: 250px;}

.watch-block .content-box{transform: translate(-50%, -77%);}

.contact-block .content-box h5 span{width: 67%;}

.contact-block .content-box{transform: translate(-50%, -63%);}

.contact-block .content-box .box{width:100%;}

}





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

.header-block .logo{width: 132px;}

.header-block .social{padding-top: 12px;}

.header-block .social ul li{padding: 0px 10px 0px 0px;}

.footer-block .left ul li{    padding: 0px 6px 0px 0px;}

.footer-block .left ul li a{ font-size: 13px;}

.footer-block .right{text-align: center; display: flex; align-items: center; justify-content: center; }

.footer-block .right p{    font-size: 8px; line-height:1.4; }

.footer-block .right p a{float: none;margin: 0px auto;display: inline-block;}

.podcast-block .content-box ul li{width: 36px;}

.podcast-block .content-box p{font-size: 15px;line-height: 21px;}

.podcast-block .content-box h5 span{width:70%}

.tour-block .cross{z-index:99; top: 25px;}



.tour-block .content-box .full-box .placebox h3{font-size: 14px;line-height: 16px;}

.tour-block .content-box .full-box .locationbox p{font-size: 12px;}

.tour-block .content-box .full-box .innerbox{width: calc(100% - 190px);}

.tour-block .content-box .full-box .ticketbox{width: 91px;}

.tour-block .content-box .full-box .ticketboxred{width: 91px;}

.tour-block .content-box h5 span{    width: 40%;}

.tour-block .content-box .full-box .locationbox{padding: 0px 10px 0px 10px;}

.watch-block .content-box h5 span{    width: 66%;}

.watch-block .cross{z-index:99}

.contact-block .content-box .box a{font-size: 19px;}

.contact-block .content-box h5 span{  width: 58%;}

.contact-block .cross{z-index:99}

.music-block .box{width: 300px;}

.music-block{bottom: 112px;}

}