/*  CSS BASE */

/*
==============================
FONTS
==============================
*/


/* @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700'); */

@font-face {
    font-family: 'ytsanslight';
    src: url('https://ishoot-shows.com/wp-content/assets/ytsans-light-webfont.woff2') format('woff2'),
         url('https://ishoot-shows.com/wp-content/assets/ytsans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'ytsansbold';
    src: url('https://ishoot-shows.com/wp-content/assets/ytsans-bold-webfont.woff2') format('woff2'),
         url('https://ishoot-shows.com/wp-content/assets/ytsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}



/*
==============================
STRUCTURE
==============================
*/

.hide {display:none !important;}

.vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
    }
    
.wpb_row.vc_inner.vc_row.container, #page-section-2.container {
    margin: 0 auto !important;
    max-width: 1440px;
    padding: 0 16px;
    padding: 0;
    width: 100%;
    }

.content-section__heading {
    color: #37474f;
    font-weight: 300;
    margin: .5em 0;
    font-size: 35px;
    line-height: 1.44;
    }
.content-section__heading-number {
    color: #1d5067;
    display: block;
    }




/*
==============================
TYPEOGRAPHY
==============================
*/
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	}

strong {
    font-weight: 500;
    }


#section h1, #section h2, #section h4 {
   	font-family: YTSansBold,Roboto,Arial,sans-serif;
   	text-transform: none;
	}

#section p, #section a {
   	font-family: Roboto,Arial,sans-serif;
   	text-transform: none;
	}











/*
==============================
PAGE HEADER - ATF
==============================
*/


/* .page-header__content {max-width: 496px;margin: 0 104px;} */

#section .page-header__content.hero {
	padding-top: 50px;
	}
	
#section .page-header__content h1 {
    letter-spacing: 0;
    font-size: 78px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
    }

#section .page-header__content h2 {
    font-family: ytsanslight,Roboto,Arial,sans-serif;
    letter-spacing: -.12px;
    font-size: 34px;
    font-weight: 300;
    line-height: 32px;
    color: #ff2b73;
    color: #fff;
    text-align: left;
    padding: 0;
    margin: 20px 0 0;
    width: 100%;
    }

 

.demo___reel .video-thumbnail-overlay {
	background-color: rgba(0,0,0,.1);
	border: 4px solid #FFEB3B;
}




/*
==============================
SUB PAGE HEADER - BLACK BANNER
==============================
*/

.content-section-1.sub {padding: 20px 0 30px;}

.margin-bottom-0 {margin-bottom: 0;}

.page-header__content.sub {
	max-width: none;
    margin: 0 auto;
}
#section .page-header__content.sub h1 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 56px;
    margin: 0;
    padding: 0;
    text-align: center;
}

#section .page-header__content.sub h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -.12px;
    line-height: 32px;
	margin: 0;
    text-align: center;
    padding: 0;
}
	








/*
==============================
SERVICES: CARDS
==============================
*/


.cards___intro { padding: 60px 0 0;}
.content-section-1.part-2 {padding-top: 60px;}


.card .wpb_content_element {margin-bottom: 0;}


#section .page-header {
    margin-right: 0;
    display: block;
    width: 48.82117%;
    float: none;
    margin-left: 1.875rem;
    }



#section .page-header___services {
	max-width: 93%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
	}

#section .page-header___services h1 {
    font-size: 18px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: 10px;
    color: #E91E63;
	text-transform: uppercase;
	margin-bottom: 20px;
}


#section .page-header___services h2 {
    color: #424242;
    float: left;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -2px;
	line-height: 1.03;
    margin: 0 0 20px;
	text-transform: uppercase;
	    width: 70%;
    max-width: 870px;
}

#section .mk-custom-box.card {
	margin-bottom: 24px;
	min-height: 340px;
}

@media (min-width: 768px) {
	.card-column.vc_column_container {
		padding-left: 12px;
		padding-right: 12px;
	}

}

.card {
    box-shadow: 0 0.125rem 0.1875rem 0 rgba(0,0,0,.11);
}

#section .full___cover .box-holder {
	min-height: 340px;
}

#section .card .box-holder {
    margin-bottom: 1.5rem;
    margin-bottom: 0;
    background-color: #fff;
}

.card--grid-featured .card__image:after {
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4));
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}















#section .card .box-holder {
	display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
	}


.card__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5625rem;
	text-align: center;
	}


.card__body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: .625rem;
	}





#section .card .featured-raw-container {
	width: 100%;
	height: 100%;
	position: absolute;
	}

#section .card__text.featured {
	height: 100%;	
	}

#section .featured-raw-container .wpb_wrapper {
	height: 100%;
	}
	
#section .card__text.featured .card__body {
	height: 100%;
	display: flex;
    justify-content: flex-start;
    align-items: flex-end;	
	}

	



.card__footer {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-family: Roboto,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 22.4px;
    color: #757575;
}

.card__editorial-type+.card__date:before {
    content: " - ";
}




@media screen and (min-width: 601px){
    .card__text {
        min-height: 10.625rem;
    }
}










/*
==============================
SERVICES: TYPOGRAPHY
==============================
*/

#section .card__text.featured h4 .big {
	font-size: 52px;
	}

#section .card__text.featured h4 .small {
	background-color: red;
	padding: 0 4px;
	}

#section .featured h4 {
    color: #fff;
    font-size: 26px;
    line-height: 1.03;
    padding: 0;
    margin: 0;
    text-align: left;
    text-transform: capitalize;
	width: 85%;
	}


#section h4.card__title {
    color: #424242;
    color: #e91e63;
    font-family: Roboto,sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}

.card__body p {
    color: #424242;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 1.2rem 0 1rem;
    text-align: center;
    
}

.card__body .mobile {
	display: none;
	}


/*
==============================
SERVICES: IMAGES
==============================
*/


.card__image--sound-check {background-image: url(https://ishoot-shows.com/wp-content/assets/card__sound_check.jpg);}

.card__image--show-stopper {background-image: url(https://ishoot-shows.com/wp-content/assets/card__show_stopper.jpg);}

.card__image--preshow {background-image: url(https://ishoot-shows.com/wp-content/assets/pre-show_interviews.jpg);}

.card__image--postshow {background-image: url(https://ishoot-shows.com/wp-content/assets/post-show_interviews.jpg);}

.card__image--artistinterview {background-image: url(https://ishoot-shows.com/wp-content/assets/artists_interviews.jpg);}

.card__image--minidoc {background-image: url(https://ishoot-shows.com/wp-content/assets/mini-doc.jpg);}

.card__image {
    background-position: 50%;
    background-size: cover;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    height: 190px;
	}

@media screen and (min-width: 601px) {
/*     .card .card__image {-ms-flex: 0 0 10rem;flex: 0 0 10rem;} */
}


/*
==============================
SERVICES: RAINBOW BORDERS
==============================
*/


#section.mk-page-section.full_layout.services {
    overflow: visible !important;
	}

#section .container.gradient-border {
	margin-top: -140px !important;
    background-color: white;
    padding: 0;
	}

.container.gradient-border:before {
    display: block;
    position: relative;
    width: 100%;
    height: 4px;
	}
	
.container.gradient-border.border-services:before {
    background-image: -webkit-linear-gradient(224deg,#ff008a 0,#00e5ff 100%) !important;
    background-image: -o-linear-gradient(224deg,#ff008a 0,#00e5ff 100%) !important;
    background-image: linear-gradient(-134deg,#ff008a 0,#00e5ff 100%) !important;
	}




/*
==============================
PROMO SECTIONS
==============================
*/

/* PROMO */


.phone {
    max-width: 473px;
	}

.centerVert {
	position: absolute;
	transform: translateY(35%);
	}

.yta-promo-container{
	padding: 90px 0 0;
	}

#section.yta-promo-container.connect {
	padding: 190px 0 0;
	}

.pad-tb90 {
	padding: 90px 0;
	}
.padtop--0 {padding-top: 0;}

.bot-marg-0 {
	margin-bottom: 0;
	}

.promo-content-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	}

.promo-copy {
	max-width: 496px;
	margin: 0 44px;
	}

.promo-copy.no-max {
	max-width: none;
	}

.promo-copy.no-max p{
	font-size: 24px;
	line-height: 1.3;
	}

#section .promo-copy h1 {
	color: #fff;
    font-size: 36px;
    letter-spacing: -.07px;
    line-height: 42px;
    margin-bottom: 20px;
	}

.promo-copy p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;   
	}

.promo-img-container {
	max-width: 473px;
	margin: 0 44px;
	}

.promo-img-container.connect {
	position: relative;
    top: -80px;
	}

.no-max-width {max-width: none;}


#section .promo-copy strong {
    font-weight: 800;
    color: #fff;
	}

.swap-sides .mk-page-section-inner {
	left: inherit;
	right: 0;
	}





/*
==============================
BUTTON STYLED AFTER YOUTUBE
==============================
*/

#demo-video a {
	color: #fff;
    font-family: Roboto,Arial,sans-serif;
    border-color: #2a2a2a;
    background-color: #3367d6;
    font-size: 14px;
    font-weight: 500;
    border: none;
    text-transform: uppercase;
    line-height: 22.4px;
    padding: 8px 16px;
    background-color: #ff0000;
    border-radius: 2px;
    padding: 10px 16px;
    }


    
/*
==============================
CLOSING
==============================
*/


.closing {
	max-width: 496px;
	margin-left: auto;
	margin-right: auto;  
}

#section .closing h1 {
	color: #282828;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -.07px;
    line-height: 42px;
    margin-bottom: 20px;
    text-align: center;
	}

#section .closing p {
    color: #282828;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin: 0 0 16px;
}


/*
==============================
FOOTER
==============================
*/

#mk-footer .site__footer__text p, #mk-footer .site__footer__text a {
    font-family: Roboto,Arial,Helvetica,sans-serif;
    color: #e6e6e6 !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 12px;
    padding: 0;
	}
	
#mk-footer .site__footer__text a:hover {
	color: #e91e63 !important;
	}
	
	
	
	
	
	
	
	
	


@media (min-width: 768px) {
.yta-column.vc_col-sm-6 {
    width: 50%;
    width: calc(50% - 88px);
	}

.yta-column.marg88 {
    margin-left:88px;
	}

.mk-image.align-center.phone {
    margin-right: 44px;
    margin-left: auto;
    text-align: center;
	}

}

	
	
/*
==============================
THE SHOW STOPPER
==============================
*/
	
.content_col {
	padding-top: 45px;
    padding-right: 73px;
    padding-bottom: 45px;
    padding-left: 73px;
    background-color: #ffffff;
}


#master .slide-copy {
	padding: 38px;
	}