/*
Theme Name: Chitkara
Theme URI: http://arts.chitkara.edu.in
Author: Gaurav Mittal
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/


.masterclass-banner{background: #0F1017; padding:100px 0px; display:block; width:100%; clear:both;}
.masterclass-top-banner{margin:0 auto; max-width:875px;}
.masterclass-banner h1{font-size: 44px;font-weight: 600;line-height: 53px;text-align: center; color:#fff; margin-top:10px;margin-bottom:5px;}
.masterclass-banner h5{font-size: 18px;font-weight: 600;line-height: 26px;text-align: center;color: #FFF06E;}
.masterclass-banner h4{font-size: 18px;font-weight: 500;line-height: 34px;text-align: center; color:#fff;}
a.registerBtn{background: #CE1815; padding:12px 20px; color:#fff; text-align: center; font-size: 18px;font-weight: 500;line-height: 26px; margin:25px auto 0px; display:table; border-radius:8px; width:194px; text-decoration:none;}
a.registerBtn:hover{background: #970604; }

.mcInnerwrap{display:block; width:100%; clear:both; background: #fff; padding:50px 0px;}
.MCspeakerPic{width:300px;position:relative;text-align: center; margin-bottom:50px;}
.MCspeakerPic img.aboutspeakerImg{width:300px; height:300px; border-radius:300px; position:relative; border:8px solid #EBEBEB;}
.MCspeakerPic:before{width:300px; height:300px; position:absolute; border-radius:300px; background: linear-gradient(180deg, #E31E24 0%, #9E484B 100%); content:""; top:-25px; right:-25px;}
.MCspeakerPic b{font-size: 20px;font-weight: 600;line-height: 25px;text-align: center;color: #10243E; margin-top:15px; margin-bottom:5px; display:block;}
.MCspeakerPic p{font-size: 18px;font-weight: 400;line-height: 28px;text-align: center;color: #10243E; margin-bottom:15px;}
img.logoSpeaker{max-width:190px; text-align: center;}

.fboxMC{background: #0F1017 url(../images/masterclass/Rectangle-4371.svg) no-repeat left;padding:45px 35px 30px 35px;color:#fff; min-height:390px;}
.fboxMC h4{font-size: 24px;font-weight: 600;line-height: 30px;text-align: left; color:#fff;}
ul.fboxList{margin-left: 20px; margin-bottom: 0;}
.fboxList li{font-size: 16px;font-weight: 400;line-height: 28px;text-align: left; color:#fff; list-style:disc; margin-bottom:10px;}
.fboxList li:last-child{margin-bottom:0px;}

.registerClass{text-align:center; margin-top:30px;}
.registerClass h6{font-size: 20px;font-weight: 700;line-height: 25px;text-align: center;color: #10243E; margin-top:45px; margin-bottom:45px;}

/* MEDIA CSS */

@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	.fboxMC{min-height: 450px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.fboxMC{min-height: 480px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.masterclass-banner h1{font-size: 34px;}
	.mcInnerwrap .col-md-8, .mcInnerwrap .col-md-4, .mcInnerwrap .col-md-6{-webkit-box-flex: 0;    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
	.MCspeakerPic{margin: 50px auto 50px;}
	.fboxMC{margin-bottom:35px;}
	.registerClass h6{margin-top: 20px;}
}

@media only screen and (max-width: 767px)
{	
	.masterclass-banner{background: #000;}
	.masterclass-banner h1{font-size: 24px;line-height: 36px;}
	.masterclass-banner h4{font-size: 16px;}
	.MCspeakerPic{margin: 50px auto 50px;}
	.fboxMC{margin-bottom:35px;}
	.registerClass h6{margin-top: 20px;}
	.mcInnerwrap h3{font-size:24px;}
}

@media only screen and (min-width: 300px) and (max-width: 479px) 
{
	
}