/*
Theme Name: CD Show 2020
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/



.mid {
    background: #c1ccca;
	display: block;
	  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.containersponsor{
    width: 80vw;
    margin: 0 auto;
}

.tribe-events-back {
    margin: 0 0 20px;
    display: none!important;
}



/*=============================================tables=============================================*/

/*-------------------------------------------------------------------------------------------*/
/* 3. Columns */
/*-------------------------------------------------------------------------------------------*/
.twocol-one{width:48%;}
.threecol-one{width:30.66%;}
.threecol-two{width:65.33%;}
.fourcol-one{width:22%;}
.fourcol-two{width:48%;}
.fourcol-three{width:74%;}

.twocol-one,.threecol-one,.threecol-two{float:left;margin-right:4%;margin-bottom:4%;position:relative;}
.last{ clear:right; margin-right:0; }
@media only screen and (max-width: 768px) {
	.twocol-one,.threecol-one,.threecol-two{margin-right: 0; width: 100% !important;}
}
.clear:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.page-template-schedule .speaking .speaker {
    display: block;
    vertical-align: top;
    margin-bottom: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #222;
}

/*Main Table Styles*/

.entry table {
    border: 0;
    background: #222;
    max-width: 100%;
    position: relative;
    box-shadow: none;
}

.entry table,
.entry table thead th,
.entry table tr,
.entry table td {
    border-radius: 0 0 0 0!important;
}

.entry table td,
.entry table tbody td {
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    padding: 0.5em;
    color: #dfdfdf
}

.entry table thead th {
    background: transparent;
    text-align: left;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    padding: 0.5em;
    color: #fff;
    vertical-align: top;
}

.entry table thead th:last-of-type {
    border-right: 0;
}

.entry table tr td:nth-child(1),
.entry table tbody tr td:nth-child(1) {
    font-weight: bold;
    color: #fff
}

.entry table td small,
.entry table th small {
    font-weight: normal!important;
    font-size: 0.75em;
}

.entry table tr:nth-child(odd) {
    background: #444
}

.entry table tr:nth-child(even) {
    background: #222
}


/* colour variants */

.entry table.red thead th {
    background: #E55b22;
}

.entry table.red tr:nth-child(odd) {
    background: rgba(229, 91, 34, 0.2)
}

.entry table.red tr:nth-child(even) {
    background: rgba(229, 91, 34, 0.5)
}

.entry table.green thead th {
    background: #9a1d1a;
    color: #000
}

.entry table.green tr:nth-child(odd) {
    background: rgba(188, 207, 0, 0.2)
}

.entry table.green tr:nth-child(even) {
    background: rgba(188, 207, 0, 0.5)
}


/*=============================================Images=============================================*/

.entry img,
img.thumbnail,
img,
a img {
    background: none;
    border: 0;
    padding: 0;
    border-radius: 0;
    height: auto;
}





/*=============================================speaker page=============================================*/

ul.organisers {
    list-style-type: none;
    margin: 0;
    padding-left: 0!important;
}

ul.organisers li {
    display: block;
    border-bottom: 1px solid #444;
    padding: 20px 0px;
    margin-bottom: 10px;
}

ul.organisers li ul li {
    padding: 10px 0px;
    border-bottom: 0;
}

ul.organisers li .sharedaddy {
    display: none;
}

ul.organisers li .speakerpic img {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
}

ul.organisers li a.button {
    margin-bottom: 0!important;
}

ul.organisers li .speakerpic {
    display: block;
    float: right;
    clear: none;
    position: relative;
    width: 20%;
    min-width: 100px;
    margin-left: 20px;
    margin-right:10px;
}

.page-template-speakers .speakerpic img {
    border-radius: 0;
}

ul.organisers li .speakerpic:after {
    position: absolute;
    bottom: -10px;
    right: -10px;
    display: block;
    width: 30px;
    height: 30px;
    content: '\0020';
    background-size: contain;
    background-repeat: no-repeat
}

ul.organisers li .speakerpic:before{
    position: absolute;
    top: -10px;
    left: -10px;
    display: block;
    width: 30px;
    height: 30px;
    content: '\0020';
    background-size: contain;
    background-repeat: no-repeat
}

/*=============================================Seminar page=============================================*/
ul.schedule li img{box-sizing:border-box}
ul.schedule li:hover{background:#222;}
ul.schedule li:hover img{border:2px solid #fff;}
ul.schedule li .speakerpic{margin-bottom:10px;margin-top:10px}
ul.schedule li .speakerpic{width:100%;height:400px}
ul.schedule li{padding:10px 10px;margin-bottom:0}
.page-template-schedule .speaking {
    display: block;
}

.page-template-schedule .speaking .speaker {
    display:block;
    vertical-align: top;
    margin-bottom: 5px;
    padding: 5px 0px;
    border-bottom: 1px solid #222;
}
.speaker img.alignright{margin-top:0!important;margin-bottom:0!important}


.page-template-schedule .speaking .name {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 1.15em;
}

.page-template-schedule .speaking .role {
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #9a1d1a;
    line-height: 1.25em;
}

.page-template-schedule .speaking .company {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.25em;
}



/*events section loop*/

ul.eventloop {
    list-style-type: none;
    margin: 0px auto;
    padding: 0px!important;
    text-align: center
}

.eventloop li {
    width: 18.5%;
    display: inline-block;
    clear: none;
    margin: 20px 0.5% 20px 0;
    text-align: center!important;
    vertical-align: top;
}

.eventloop li .square {
    width: 50%!important;
    margin: 20px auto;
    position: relative;
}

.eventloop li .square img {
    height: auto;
    margin: 0 auto;
}

.square:before {
    position: absolute;
    top: -15px;
    left: -15px;
    display: block;
    width: 50px;
    height: 50px;
    content: '\0020';
    background: url('/wp-content/uploads/topbracket.png');
    background-size: contain;
    background-repeat: no-repeat
}

.square:after {
    position: absolute;
    bottom: -15px;
    right: -15px;
    display: block;
    width: 50px;
    height: 50px;
    content: '\0020';
    background: url('/wp-content/uploads/bottombracket.png');
    background-size: contain;
    background-repeat: no-repeat
}

.green .square:before,
.greenbg .square:before {
    background: url('/wp-content/uploads/topbracket_dark.png');
    background-size: contain;
    background-repeat: no-repeat
}

.green .square:after,
.greenbg .square:after {
    background: url('/wp-content/uploads/bottombracket_dark.png');
    background-size: contain;
    background-repeat: no-repeat
}

.eventloop li h5, .eventloop li h6 {
    margin-bottom: 0.25em;
}



.eventloop li a:hover {
    text-decoration: none!important;
    color:#fff;
    text-shadow:1px 1px #000;
}
.eventloop li:hover img, .looplist li:hover img{border:2px solid #fff;box-sizing:border-box;}


.eventloop p {
    color: #dfdfdf!important;
    font-size: 0.9em;
    line-height: 1.25em;
    margin-bottom: 0.25em;
}

marquee {
    font-size: 1.5em;
    color: #dfdfdf;
    font-weight: 300;
}

marquee span {
    font-weight: 600;
}

marquee span:nth-child(even) {
    color: #9a1d1a
}

marquee span:nth-child(odd) {
    font-weight: 400;
}

/*=============================================Misc=============================================*/


/*Highlighted section in editor*/

.Highlight {
    padding: 25px;
    margin: 45px 25px;
    position: relative;
    background: #222;
    display: block;
}

.Highlight:after {
    position: absolute;
    bottom: -15px;
    right: -15px;
    display: block;
    width: 50px;
    height: 50px;
    content: '\0020';
    background: url('/wp-content/uploads/bottombracket.png');
    background-size: contain;
    background-repeat: no-repeat
}

.Highlight:before {
    position: absolute;
    top: -15px;
    left: -15px;
    display: block;
    width: 50px;
    height: 50px;
    content: '\0020';
    background: url('/wp-content/uploads/topbracket.png');
    background-size: contain;
    background-repeat: no-repeat
}

#sidebar .Highlight {
    margin-top: 25px!important
}

.Highlight.green {
    background: #9a1d1a
}

.Highlight.red {
    background: #e55b22
}


/*Scroll to top*/

.top {
    height: 0;
    width: 0;
    font: 1px/1px 'Lato';
    opacity: 0;
}

.toplink {
    position: fixed;
    bottom: 0;
    right: 0;
    display: block;
    color: #fff!important;
    text-transform: uppercase;
    text-align: center;
    background: #000;
    opacity: 0.8;
    padding: 15px;
}

.toplink:hover {
    background: #9a1d1a;
    opacity: 1;
    text-decoration: none;
}

.tribe-events-cal-links{display:none!important}

	/* Columns & Containers */
	.col-left { float: left; }
	.col-right { float: right; }
	.col-full, #wrapper  { max-width: 960px; margin: 0 auto; }
	#wrapper #sidebar  { margin-top: 0; }
	#wrapper { padding: 0 1em 2em; }

	#inner-wrapper {
		padding: 0;
	}


	/* Column Widths */
	.one-col #main { float: none; }
	.two-col-left #main-sidebar-container #main,
	.two-col-right #main-sidebar-container #main  { width: 64.89%; } /* 610 / 940 */

	.two-col-left #main-sidebar-container #sidebar,
	.two-col-right #main-sidebar-container #sidebar  { width: 31.91%; } /* 300 / 940 */

	.three-col-left #main-sidebar-container #sidebar,
	.three-col-middle #main-sidebar-container #sidebar,
	.three-col-right #main-sidebar-container #sidebar  { width: 39.47%; } /* 300 / 760 */

	.three-col-left #main-sidebar-container,
	.three-col-middle #main-sidebar-container,
	.three-col-right #main-sidebar-container  { width: 80.85%; } /* 760 / 940 */

	.three-col-left #main-sidebar-container #main,
	.three-col-middle #main-sidebar-container #main,
	.three-col-right #main-sidebar-container #main  { width: 57.89%; }  /* 440 / 760 */

	#sidebar-alt { width: 17.02%; } /* 160 / 940 */

	/* Column Floating */
	.two-col-left #main-sidebar-container #main,
	.two-col-right #main-sidebar-container #sidebar,
	.three-col-left #main-sidebar-container,
	.three-col-left #main-sidebar-container #main,
	.three-col-middle #main-sidebar-container #main,
	.three-col-middle #sidebar-alt,
	.three-col-right #main-sidebar-container #sidebar,
	.three-col-right #sidebar-alt  {  float:left;  }

	.two-col-left #main-sidebar-container #sidebar,
	.two-col-right #main-sidebar-container #main,
	.three-col-left #main-sidebar-container #sidebar,
	.three-col-left #sidebar-alt,
	.three-col-middle #main-sidebar-container,
	.three-col-middle #main-sidebar-container #sidebar,
	.three-col-right #main-sidebar-container,
	.three-col-right #main-sidebar-container #main{ float:right; }



/*=============================================Sponsorship Opportunites=============================================*/

ul.opportunities {
    list-style-type: none;
    vertical-align: top;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.opportunities li {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    clear: none;
    margin: 0 1% 15px 0;
    background: #fcfcfc
}
ul.opportunities li header{min-height:150px;background:url('/wp-content/uploads/2018/05/interior_spread-400x267.jpg');background-size:cover;background-position:left center;}
ul.opportunities li.soldout header{background:none!important;min-height:none!important;}
.opportunities header img {
    z-index: 50;
    width: 100%;
    display: block;
    margin: 0 0;
    padding: 0 0;
}

.opportunities header .flash {
    z-index: 60
}

ul.opportunities.featured li {
    width: 32.25%;
    background: #fff
}
h4.price sup{text-decoration:none!important;font-weight:400;font-size:0.5em;line-height:1em;margin-left:5px;}
.opportunities .soldout img,
.opportunities.soldout header img,
.opportunities.soldout ul.gallery img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.7
}

.opportunities header h3 {
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 0;
    top: auto;
    font-size: 18px;
    padding: 4px 6px 4px 15px;
    background: rgba(57, 114, 118, 0.8);
    z-index: 85;
    width: auto;
    max-width: 85%;

}

.single .opportunities header h3 {
    font-size: 32px;
}

.opportunities .soldout header h3,
.opportunities.soldout header h3 {
    background: rgba(152, 33, 36, 0.8);opacity:0.8
}

.opportunities h4.price {
    color: #000;font-weight:bold;
}

.single .opportunities h4.price {
    font-size: 32px;
    display: block;
    margin-top: 10px;
    margin-bottom: 20px
}

.opportunities h4.price span {
    color: #397276
}

.opportunities .soldout h4.price,
.opportunities.soldout h4.price {
    text-decoration: line-through;
    color: #999
}

.opportunities header {
    display: block;
    position: relative;
}

.opportunities li entry {
    display: block;
    padding: 15px;
}

.opportunities entry .woo-sc-button {
    margin-bottom: 0
}

.opportunities entry p {
    font-size: 14px;
    line-height: 1em;
}

.opportunities.featured entry p,
.single .opportunities entry p {
    font-size: 16px
}

.single .opportunities entry p {
    font-size: 18px;
    line-height: 1.25em;
}

div.flash {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #397276;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}

div.flash.soldout {
    background: #982124
}

div.flash.exclusive {
    background: #EC9522
}

div.flash span {
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    vertical-align: bottom;
    font-weight: normal;
    font-size: 9px;
    line-height: 8px;
}

div.flash span.count {
    font-weight: bold;
    font-size: 28px;
    line-height: 28px;
    margin-bottom:5px;margin-top:-5px;
}

div.flash span.available:first-of-type {
    margin-top: 5px;
    margin-bottom: -3px;
}

div.flash span.available:last-of-type {
    margin-top: -3px;
    margin-bottom: 5px;
}

div.flash.exclusive span,
div.flash.soldout span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

div.flash.exclusive span {
    font-weight: bold
}

div.flash.soldout span {
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
}

.single .opportunities ul.gallery {
    list-style-type: none;
    width: 100%;
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
}

.single .opportunities ul.gallery li {
    display: inline-block;
    clear: none;
    width: 50%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.single .opportunities ul.gallery li img {
    width: 100%;
}

@media only screen and (max-width:768px) and (min-width:767px) {
    /*========================= Typography =======================*/
    /*========================= Header =======================*/

    ul.opportunities li,
    ul.opportunities.featured li {
        width: 100%;
    }
}