/*
Theme Name: Mick
Description: A child theme of Bridge Theme
Author: Creating Matter
Author URI: http://www.creatingmatter.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


body { 
	   -webkit-font-smoothing: antialiased;
	font-smoothing: always;
	text-rendering: optimizeLegibility;
	   -webkit-text-size-adjust: none;
	   -ms-text-size-adjust: 100%;
}

.full_bkgs {
    background-repeat: no-repeat;
    color: #ffffff!important;
    padding-bottom: 0px!important;
    background-color: #ffffff;
}


.home_hero { 
    background-position: top center!important; 
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    background-size: cover;
    color: #ffffff!important;
}

.speaking_hero { 
    background-position: top center!important; 
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    background-size: cover;
    color: #ffffff!important;
        display: flex;
    flex-direction: column;
    justify-content: center;
}


.even { 
	background-color: rgba(252, 252, 252, 1.0);
	border-color: rgb(233, 233, 233); 
}
	
.odd { 
	background-color: rgba(255, 255, 255, 1.0);
	border-color: rgb(233, 233, 233); 
}

.the_panel { padding: 90px 0; }
.project_panel { padding: 90px 0 0 0; }

@font-face {
    font-family: 'gotham_boldregular';
    src: url('fonts/gotham_bold_regular-webfont.woff2') format('woff2'),
         url('fonts/gotham_bold_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Lato-Light';
    src: url('http://fonts.googleapis.com/css?family=Lato:500');

}

@font-face {
   font-family: 'fontAwesome';
    src: url('fonts/fontawesome-webfont.woff2') format('woff2'),
         url('fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1, h2 , h3, h4, h5 { font-family: 'gotham_boldregular', serif!important; font-weight: 400!important; }
p { font-size: 16.8px!important; color: rgb(45, 45, 45)!important; line-height: 28px; letter-spacing: 1px; text-align: justify !important; word-break: break-word!important; display: block!important;
    -webkit-margin-before: 25px!important;
    -webkit-margin-after: 25px!important;
    -webkit-margin-start: 0px!important;
    -webkit-margin-end: 0px!important;  
}

.testimonial { margin-left: 5%; padding: 20px 0px;  margin-bottom: 10px!important; text-align: left!important; float: left; display: inline-block; width: 90%; }
p.name { font-size: 14px!important; font-weight: 800!important; margin-bottom: 0px!important; text-align: left!important; }
p.t_title { font-size: 12px!important; font-style: italic; margin-top: 0px!important; text-align: left!important; }
p.quote { text-align: left!important; margin-top: 0px!Important; }
.test_image { width: 15%; float: left; display: inline-block; }
.test_img { border-radius: 50%; width: 90%; float: left; }
.the_test { margin-left: 5%; width: 80%; float: left; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


h2 { letter-spacing: 3px; text-align: center; line-height: 1.3; font-size: 1.5rem; text-transform: uppercase; color: rgb(32, 32, 33); border-bottom: solid 1px rgb(201, 227, 125); margin-bottom: 30px!important; display: inline-block; padding-bottom: 34px; width: auto; text-align: center; }

h3 { letter-spacing: 3px; text-align: center; line-height: 1.3; text-transform: uppercase; color: rgb(32, 32, 33); border-bottom: solid 1px rgb(201, 227, 125); margin-bottom: 30px!important; display: inline-block; padding-bottom: 34px; width: auto; text-align: center; }

.mobile_menu a { font-family: 'gotham_boldregular', sans-serif; font-size: 10.5px!important; color: #000!important; text-transform: uppercase!important; letter-spacing: 2.0px; font-weight: 400!important; } 

.mobile_menu a:hover { color: rgb(201, 227, 125)!important; }

.projects_holder.v5.hover_text.no_space .mix, .projects_holder.v5.standard_no_space .mix { width: 19.98%!important; padding-bottom: 0px!important; margin-bottom: 0px!important; }

.working_on h3 { font-family: 'Didot', serif!important; border-bottom: 0px; text-transform: none!important; letter-spacing: 0!important; padding-bottom: 0px!important; margin-bottom: 0px!important; }

.homework { margin-left: 15px!important; margin-right: 15px!important; }
.project_pg { margin-left: 0px!important; margin-right: 0px!important; padding-left: 0px!important; padding-right: 0px!important; }

.tour_dates h4 {
    font-size: 14.5px;
    padding-top: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;
    font-family: 'gotham_boldregular', sans-serif!important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    color: rgb(32, 32, 33);
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.tour_dates h5 {
    font-size: 17.5px;
    padding-top: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;
    font-family: 'Didot', serif!important;
    font-weight: normal;
    color: rgb(45, 45, 45);
    text-align: center;
    line-height: 1.5;
    letter-spacing: -0.5px;
    text-transform: none;
    margin-bottom: 10px;
}
	
.tour_dates h6 {
    font-size: 9.5px;
    padding-top: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;
    font-family: 'gotham_boldregular', sans-serif!important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgb(45, 45, 45);
    text-align: center;
    line-height: 1;
    font-weight: 400!important; 
}

.music h3 { padding-bottom: 16px; }
.music .wpb_single_image img, .music .wpb_single_image .vc_single_image-wrapper { width: 100%!important; }

.title_break { display: block; }

.the_button { 
	padding-top:1em;padding-bottom:1em;
	padding-left:2em;padding-right:2em;
	float:none;display:inline-block;
	font-size:0.9rem;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;font-family: 'gotham_boldregular';color:rgb(255, 255, 255);text-align:center;line-height:1;text-transform:uppercase;
	letter-spacing:1px;border-style:solid;border-top-width:2px;
	border-right-width:2px;border-bottom-width:2px;
	border-left-width:2px;border-color:rgb(32, 32, 33);
	background-color:rgb(32, 32, 33); 
}

.the_button:hover { background-color:rgb(255, 255, 255); color:rgb(32, 32, 33); }

.press_pic .plogo img:hover { 
  opacity: 0.50; 
}

.listen_row { padding: 60px 0 80px 0; }
.press_pic { padding: 0px 0 60px 0; }

.desc { margin-left: 0px!important; margin-right: 0px!important; }

.working_on .vc_column_container>.vc_column-inner, .portfolio_panel .vc_column_container>.vc_column-inner { padding: 0px 0px; }

/*.portfolio_panel .vc_column_container>.vc_column-inner { margin: -30px 0 0px 0px; }*/

.q_logo a { max-height: 100px; }

.portfolio_single .pci_title h2 { font-family:'Didot', serif!important; text-transform: none!important; letter-spacing: 0.7px!important; font-weight: 500!important; }
.pci_title p { font-size: 10.5px!important; letter-spacing: 2.0px; color: rgb(90, 90, 90)!important; }

nav.main_menu>ul>li>a { font-family: 'gotham_boldregular', sans-serif; color: #000; font-size: 11.5px; font-weight: 400!important; }

nav.main_menu>ul>li>a:hover { color: rgb(201, 227, 125); }

.the_dates .vc_column_container>.vc_column-inner { padding-left: 0px!important; padding-right: 0px!important; }

.section_inner_margin { margin-left: 0px!important; margin-right: 0px!important; }

.vc_column_container>.vc_column-inner { padding-left: 0px!important; padding-right: 0px!important; }

}

        .mgl_instagram_template_elegant .mgl_instagram_photo { 
        	padding-top: 0px!important; 
        	padding-right: 0px!important; 
   	     	padding-bottom: 0px!important;
   	     	padding-left: 0px!important; 
   	     	width: 18.8%!important;
   	     	margin-right: 1.5%;
   	}

   	.wpb_text_column :last-child { margin-right: 0px!important; }

.projects_holder article span.text_holder span span.text_inner {
	cursor: pointer;
}

@media only screen and (min-width : 1300px) {

.qode_grid_1200 .tour_dates .section_inner { width: 1100px!important; }

}

@media only screen and (min-width : 1401px) {

	.home_hero { 
		background-image: url(img/Mick_DJ_2000.jpg);
		min-height: 70vh; 
		background-attachment: fixed;
	}
	
	.speaking_hero { 
		background-image: url(img/MICK_speaking_Desktop.jpg);
		min-height: 70vh; 
		background-attachment: fixed;
	}
	
	.portfolio_panel .vc_col-sm-4 { width: 40%!important; 6}
	.portfolio_panel .vc_col-sm-8 { width: 60%!important; }
	.press_page .wpb_single_image img { width: 40%!important; }
	.tour_dates { width: 1100px!important; margin: 0 auto; }
	.m_two { margin-right: 2.1%; margin-left: 2.1% }
	.t_title { margin-left: 15px; }
        .press_page { margin-left: -90px; margin-right: -70px; }


}

@media only screen and (min-width : 1101px) and (max-width : 1400px) {
	.home_hero { 
		background-image: url(img/Mick_DJ_2000.jpg);
		min-height: 65vh; 
		background-attachment: fixed;
	}
	.speaking_hero { 
		background-image: url(img/MICK_speaking_Desktop.jpg);
		min-height: 65vh; 
		background-attachment: fixed;
		padding-right: 20px;
	}
	.portfolio_panel .vc_col-sm-4 { width: 40%!important; }
	.portfolio_panel .vc_col-sm-8 { width: 60%!important; }
	.press_page .wpb_single_image img { width: 40%!important; }
	.tour_dates { width: 1100px!important; margin: 0 auto; }
	.m_two { margin-right: 2.1%; margin-left: 2.1% }
	.t_title { margin-left: 15px; }
        .press_page { margin-left: -90px; margin-right: -70px; }
	
}



@media only screen and (min-width : 951px) and (max-width : 1100px) {
	.home_hero { 
		background-image: url(img/Mick_DJ_2000.jpg);
		min-height: 550px; 
		background-attachment: fixed;
	}
	.speaking_hero { 
		background-image: url(img/MICK_speaking_Desktop.jpg);
		min-height: 550px; 
		background-attachment: fixed;padding-right: 20px;
	}
	.portfolio_panel .vc_col-sm-4 { width: 45%!important; }
	.portfolio_panel .vc_col-sm-8 { width: 55%!important; }
	.press_page .wpb_single_image img { width: 40%!important; }
	.m_two { margin-right: 3.00005%; margin-left: 3.00005% }
	.t_title { margin-left: 15px; }
        .press_page { margin-left: -60px; margin-right: -50px; }
	
}


@media only screen and (min-width : 768px) and (max-width : 950px) {
	.home_hero { 
		background-image: url(img/Mick_DJ_2000.jpg);
		min-height: 520px; 
	}
	.speaking_hero { 
		background-image: url(img/MICK_speaking_Desktop.jpg);
		min-height: 520px; padding-right: 20px;
	}
	.portfolio_panel .vc_col-sm-4 { width: 100%!important; display: block; }
	.portfolio_panel .vc_col-sm-8 { width: 100%!important; display: block; }
	.press_page .wpb_single_image img { width: 40%!important; }
	.m_two { margin-right: 3.00005%; margin-left: 3.00005% }
	.t_title { margin-left: 15px; }
        .press_page { margin-left: -60px; margin-right: -50px; }
}


@media only screen and (min-width : 601px) and (max-width : 767px) {
	.home_hero { 
		background-image: url(img/DJ_Mick_Mobile.jpg);
		min-height: 480px; 
	}
	.speaking_hero { 
		background-image: url(img/MICK_speaking_Mobile.jpg);
		background-color: #000000; height: 400px;
	}
	.press_page .wpb_single_image img { width: 80%!important; }	
	.press_links { width: 550px; }
}

@media only screen and (max-width : 600px) {
	.home_hero { 
		background-image: url(img/DJ_Mick_Mobile.jpg);
		min-height: 400px; 
	}
	.speaking_hero { 
		background-image: url(img/MICK_speaking_Mobile.jpg);
		background-color: #000000; height: 400px; 
	}
	.press_links { width: 370px; }
	.speak_break { display: block; }


}

@media only screen and (min-width : 768px) {
	
	.two_left { padding-right: 20px!important; }
	.two_right { padding-left: 20px!important; }
	.foot_r { float: left; }
	.foot_l { float: right; }
	.the_button { width:45%; max-width: 270px; }
	h3 { font-size: 1.2rem; }
	.working_on h3 { font-size: 2.2rem; padding: 0 20px;  }
	.plogo { width: 24.25%; float: left; text-align: center; }
	.plogo img { width: 36%; margin-bottom: 40px; }
	.one, .two, .three { margin-right: 1%; }
	.four { clear: right; }
	.portfolio_row { padding: 90px 0 0 0; }
	.press_links { padding: 50px 0 0 0; width: 100%; max-width: 1300px; margin: 0 auto; }
	.work1 { padding-top: 60px; }
	.work2 { padding-bottom: 60px; }
	.dates1 { padding-top: 60px; padding-bottom: 0px; }
	.dates2 { padding-bottom: 60px; padding-top: 30px; }
	
	.the_port_pic { width: 40%!important; float: left; min-height: 660px; }
	.port_content { width: 60%!important; float: left; min-height: 660px; }

	.f_left { width: 47.5%; float: left; margin-right: 5%; }
	.f_right { width: 47.5%; float: left; }
        .the_foot i { margin: 30px 2%; font-size: 20px; color: #000; }
        .foot_logo img { height: 50px; margin-top: 50px; }
        .will_be { padding-bottom: 30px!important;; }
        .will_be_bottom { padding-top: 30px!important; }
        .breaker { height: 70px; clear: both; }
        
        .five-columns.vc_row .vc_col-sm-2 {
        	float: left;
        	width: 18.8%;
        	padding: 0;
        	margin-right: 1.5%;
        	min-height: 0;
        }

        .five-columns.vc_row .vc_col-sm-2:nth-last-child(2) { margin-right: 0; }

        .portfolio_single .pci_title h2 { font-size: 46px; font-weight: 400; margin-bottom: 16px!important; margin-top: 3px!important; }
        
        .m_one, .m_two, .m_three { width: 31.333% }

        .the_music { margin-left: 0px!important; margin-right: 0px!important; }
        .the_topics { text-align: left!important; }


   }
	
@media only screen and (max-width : 767px) {
	
	.foot_r .the_button, .foot_l .the_button { width:35%; }
 	.the_button { width:100%; padding-left: 0px; padding-right: 0px; }
	h3 { font-size: 1.0rem; }
	
	.press_links {             	
            height: 100px;
            overflow: auto!important;
            overflow-y: hidden!important;
            margin: 0 auto 40px auto;
            white-space: nowrap;
            padding: 40px 0;
            
        } 
        .mobile_press { width: 1700px; }
	.plogo { text-align: center; display: inline-block; margin-right: 30px; }
	.plogo img { width: 100px!important; float: left;  display: inline; }
	.one, .two, .three, .four { margin-right: 20px; }
	.portfolio_row { padding: 40px 0; }
	.work1 { padding-top: 60px; }
	.work2 { padding-bottom: 60px; }
	.dates1 { padding-top: 60px; padding-bottom: 0px; }
	.dates2 { padding-bottom: 60px; padding-top: 0px; }
	.colone { max-height: 500px!important; }

	.f_left { width: 100%; display: block; margin-bottom: 30px; }
	.f_right { width: 100%; display: block; }
        .the_foot i { margin: 30px 8%; font-size: 28px; color: #000; } 
        .foot_logo img { height: 50px; margin-top: 0px; }
        .will_be_bottom, .will_be { padding: 24px 0!important; }
        .listen_row img { margin-bottom: 30px!important; }
        .breaker { display: none; }
        
.portfolio_single .pci_title h2 { font-size: 24px; font-weight: 300; }
        .the_topics { text-align: center!important; }
        .the_topics p { text-align: center!important; margin-bottom: 30px; }


}

.spacer { height: 30px; clear: both; }

.working_on .q_image_with_text_over { display: block!important; }

a.link_class { margin-bottom:0em;float:none;display:inline-block;font-size:1.5rem;padding-top:0em;padding-right:3rem;padding-bottom:0em;padding-left:3rem;font-family:'Didot';color:rgb(255, 255, 255);text-transform:none;text-align:center;line-height:1.2;position:absolute;opacity:1;top:50%;left:50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%) }

.portfolio_panel { background-color: rgb(252, 252, 252); position: relative; }

/*
.portfolio_img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.portfolio_img img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}*/

.vc_single_image-wrapper, .listen_row img { width: 100%!important; }
.portfolio_panel { margin-top: -30px;  }


.portfolio_content { 

}

.portfolio_img p { line-height: 0px; }


.portfolio_content .vc_column-inner {  padding: 0% 10%!important; display: table; }

.portfolio_content .vc_column-inner .wpb_wrapper { 	
	position: relative;
	transform: translateY(20%); 
}

.portfolio_featured { 
    background-repeat: no-repeat;
    color: #ffffff!important;
    padding-bottom: 0px!important;
    background-position: center center!important; 
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    background-size: cover;
}

.coltwo { height: auto; float: right; min-height: 633px; }

.wrapper {
    display: table;
    width: 100%;
    min-height: 500px;
}
.wrapper2 {
    height: 100%;
    display: table-row
}
.inner {
    height: 100%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}


body .gform_wrapper textarea, body .gform_wrapper input[type=text]  { border-bottom: 1px solid rgb(201, 227, 125); font-family: 'gotham_boldregular', sans-serif!important; letter-spacing: 1px!important; font-size: 14px!important; }

.gform_wrapper .gfield_radio li label { font-family: Georgia, serif; font-style: italic; color: #777777; font-size: 14px!important; letter-spacing: 0px!important; } 

::-webkit-input-placeholder { font-family: Georgia, serif; font-style: italic; color: #777777; font-size: 14px!important; letter-spacing: 0px!important; }

:-moz-placeholder { font-family: Georgia, serif; font-style: italic; color: #777777; font-size: 14px!important; letter-spacing: 0px!important; }

::-moz-placeholder { font-family: Georgia, serif; font-style: italic; color: #777777; font-size: 14px!important; letter-spacing: 0px!important; }

:-ms-input-placeholder { font-family: Georgia, serif; font-style: italic; color: #777777; font-size: 14px!important; letter-spacing: 0px!important; }

body .gform_wrapper .gform_body .gform_fields .gfield select { background-color: #ffffff; height: 50px; }

.gfield_label { background-color: #d2d2d2; color: #222222; padding: 5px; text-decoration: italic; }

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li input[type=checkbox] { zoom:1.5; background-color: #ffffff; }

.landing_quote { margin: 30px 0 30px 0; }

.gform_wrapper .gform_footer input[type=submit] { width: 100%!important; text-align: center!important; font-family: 'gotham_boldregular', sans-serif; height: 50px; background-color: #000; border-radius: 0px!important; color: #ffffff!important; font-size: 0.9rem!important; }

.gform_wrapper .gform_footer input[type=submit]:hover { background-color: transparent!important; border-color:  #000; color: #000!important; } 

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding-left: 15px!important; padding-top: 10px!important; padding-bottom: 10px!Important; }

/*footer styles*/

#input_2_5 { min-width: 100%; }

.the_foot { text-align: center; padding: 18px 0; }

.footer_top .the_foot a { color:rgb(255, 255, 255); }
.footer_top .the_foot a:hover { color:rgb(32, 32, 33)!important; }

.footer_top .the_foot a i { color: #000!important; }
.footer_top .the_foot a i:hover { opacity: 0.5!important; }

.projects_holder.hover_text.no_space .mix, .projects_holder.hover_text.no_space:not(.portfolio_full_image)>.mix { float: none; }



/*BY Yeasir 123*/

.project_image {
	min-height: 600px;
	width: 40%;
	float: left;
	background: transparent no-repeat center top;
	background-size: cover;
}
.pi_filler {
	padding-top: 40%;
}
.project_content {
	width: 60%;
	float: right;
}
.project_content_inner {
	padding: 10% 15%;
}
.pci_title p {
	margin: 0 0 10px;
	font-size: 0.8em;
	font-weight: bold;
}
.portfolio_single .pci_title h2 {
	padding: 0;
	border-bottom: none;
	text-align: left;
}
.pci_texts p {
	margin: 0 0 25px 0;
	color: rgb(90,90,90)!important;
}
.pci_texts p:last-child {
	margin-bottom: 0;
}
.single-portfolio_page .content {
	min-height: 0 !important;
}

.home .q_image_with_text_over table td {
	vertical-align: top;
}
.home .q_image_with_text_over .desc,
.text_outer h5.portfolio_title{
	position: absolute;
	margin: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.text_outer h5.portfolio_title {
	top: 0;
	left: 0;
	margin: 0 !important;
}
.home .q_image_with_text_over .desc a,
.text_outer h5.portfolio_title a {
	display: block;
	text-transform: none;
	width: 92%;
	height: 100%;
	position: static;
	padding: 48% 4% 0;
	margin: -20px 0 0;
	font-family: 'Didot', sans-serif!important;
}
.text_outer h5.portfolio_title a {
	padding-top: 48%;
	margin-top: -20px;
	font-family: 'Didot', sans-serif!important;
	font-size: 20px;
}
/*asdf 123*/

@media screen and (min-width: 1300px) {

}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 980px) {
}

@media screen and (max-width: 991px) {
	.project_image {
		width: 100%;
		min-height: 700px;
		height: auto !important;
		float: none;
	}
	.project_content {
		float: none;
		width: 100%;
	}
	.project_content_inner {
		padding: 10% 5%;
	}
	header.page_header .container_inner {
		width: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {

}

@media screen and (min-width: 601px) and (max-width: 991px) {

}

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

}

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

}
@media screen and (max-width: 767px) {
	.project_image {
		min-height: 500px;
	}
}

@media screen and (max-width: 480px) {
	.project_image {
		min-height: 480px;
	}
}

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

}