/* ## -- fonts for dramaafrica.com  -- ## */
@font-face {font-family: 'england_hand_dbregular';src: url('/css/fonts/england-webfont.eot');src: url('/css/fonts/england-webfont.eot?#iefix') format('embedded-opentype'),url('/css/fonts/england-webfont.woff') format('woff'),url('/css/fonts/england-webfont.ttf') format('truetype'),url('/css/fonts/england-webfont.svg#england_hand_dbregular') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'sorts_mill_goudyregular';src: url('/css/fonts/goudystm-webfont.eot');src: url('/css/fonts/goudystm-webfont.eot?#iefix') format('embedded-opentype'),url('/css/fonts/goudystm-webfont.woff') format('woff'),url('/css/fonts/goudystm-webfont.ttf') format('truetype'),url('/css/fonts/goudystm-webfont.svg#sorts_mill_goudyregular') format('svg');font-weight: normal; font-style: normal;}@font-face {font-family: 'sorts_mill_goudyitalic';src: url('/css/fonts/goudystm-italic-webfont.eot');src: url('/css/fonts/goudystm-italic-webfont.eot?#iefix') format('embedded-opentype') url('/css/fonts/goudystm-italic-webfont.woff') format('woff'), url('/css/fonts/goudystm-italic-webfont.ttf') format('truetype'), url('/css/fonts/goudystm-italic-webfont.svg#sorts_mill_goudyitalic') format('svg'); font-weight: normal; font-style: normal;}@font-face {font-family: 'futura_bookbold';src: url('/css/fonts/futura_book_bold-webfont.eot');src: url('/css/fonts/futura_book_bold-webfont.eot?#iefix') format('embedded-opentype'),         url('/css/fonts/futura_book_bold-webfont.woff') format('woff'),url('/css/fonts/futura_book_bold-webfont.ttf') format('truetype'),url('/css/fonts/futura_book_bold-webfont.svg#futura_bookbold') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'futuramedium';src: url('/css/fonts/futura_medium-webfont.eot');src: url('/css/fonts/futura_medium-webfont.eot?#iefix') format('embedded-opentype'),url('/css/fonts/futura_medium-webfont.woff') format('woff'),url('/css/fonts/futura_medium-webfont.ttf') format('truetype'),url('/css/fonts/futura_medium-webfont.svg#futuramedium') format('svg');  font-weight: normal;font-style: normal;}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.pos-relative {position:relative;}
.pos-absolute {position:absolute;}

a {color: #faac07;text-decoration: none;}
a:hover,a:focus {color: #d19007;text-decoration: underline;}

.logo-padding {margin-top: 32px;margin-bottom: 55px;}
.chromeframe {text-align: center; background: #FC0; padding: 10px;}

/* ## -- header styles for dramaafrica.com  -- ## */
.home-header {color: #9acaca;font-size: 40px;}
.home-hr {margin-left: 40%; margin-right: 40%; border-bottom: 1px solid #000000;border-top: 1px solid #999999;}
.home-header-h2 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 21px; line-height: 26px;font-weight: normal;text-transform: uppercase;}
.home-sign-up {margin: 46px 0 0;}
.home-hr-repeat {border-top: 1px solid #c4dada;}
.articleHome1 {margin: 79px 0 73px;}
/* ## -- form styles for dramaafrica.com  -- ## */
#formContact label.error, #formContact select.error, #formContact input.error { font-weight: normal;color: red; padding: 5px; display: block; font-size: 11px;margin-left: 15px;}
#form label.error, #form select.error, #form input.error { font-weight: normal;color: red; padding: 5px; display: block; font-size: 11px;margin-left: 15px;}
#form1 label.error, #form1 select.error, #form1 input.error { font-weight: normal;color: red; padding: 5px; display: block; font-size: 11px;margin-left: 15px;}
.student-guardian-padding input {margin: 5px 0;}

/* ## -- footer styles for dramaafrica.com  -- ## */
.footer-blog-img-div {margin-bottom: 25px;z-index:1600;position: relative;max-width:270px;}
.footer-blog-img {z-index:1605}
.footer-img-country {font-family: futuramedium, Verdana, Geneva, sans-serif;z-index:1600; position: absolute; bottom: 0;padding: 5px; text-align: center;font-weight: bolder; color: #fff; background-color: transparent; background-color: rgba(0, 0, 0, 0.7);left: 0; right: 0;}
.footer-blog-date {font-family:sorts_mill_goudyregular; font-size: 29px;}
.footer-blog-header {font-family: futuramedium, Verdana, Geneva, sans-serif; font-size: 18px;color: #333;line-height: 24px;}
.footer-blog-header a {color: #333;}
.footer-blog-p {font-family: futuramedium, Verdana, Geneva, sans-serif; font-size: 12px;}
.footer-terms {padding: 10px; color: white; background: black; text-align: center;font-family: futuramedium; font-size: 13px;}
.footer-terms a,.footer-terms a:hover {color: white;}

/* ## -- branch styles for dramaafrica.com  -- ## */
.branch-covershot-header {margin: 0 10%; font-family: sorts_mill_goudyregular;color: #faac07;font-size: 32px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid white;line-height: normal;}
.branch-covershot-slogan {margin: 0 10%; font-family: futuramedium;color: #fff;font-size: 32px;line-height: normal; font-weight: normal;}
.branchheader-div {float:left;background: #fff; padding: 0px 15px 0px 0px;min-height: 40px; color: #000000;}
.branchheader-bold {font-weight: bold;font-family: futura_bookbold; font-size: 40px; display: inline-block}
.branchheader-normal {font-family: sorts_mill_goudyregular;font-size: 40px;}
.branch-accordion-blurb {float:left;padding: 0px 15px 0px 15px;color: #faac07;}
.branch-contact-h4 {font-family: england_hand_dbregular; font-size: 63px; margin-left: 113px; color:#faac07; margin-bottom: 8px;}
.branch-contact-block {position: relative;background: #faac07; color: #ffffff; padding: 45px; text-align: center;font-family: futuramedium; font-size: 22px;margin-bottom: 22px;}
.branch-contact-principal {width: 30%; text-align: right;}
.branch-contact-separator {padding: 0px 25px;}
.branch-contact-tel {width: 20%; text-align: center;}
.branch-contact-email {width: 30%; text-align: left;}
.branch-contact-address {margin-top: 20px;font-size: 16px;}
.branch-contact-img {width:70px;}
.branch-contact-twitter {position: absolute; right: 0px; top: 15px; width:70px; height:56px;}
.branch-contact-facebook {position: absolute; right: 0px; bottom: 15px; width:70px; height:68px;}

/* ## -- blog styles for dramaafrica.com  -- ## */
.read-from-area {right: 10px; top: 60px;}
.blog-hr {border-top: 1px solid #c4dada;margin-left: 50%;margin-right: 0%}
.blog-hr-latest-articles {width: 50%; color: #000; border-top: 1px solid #000;}

/* ## -- social icon styles for dramaafrica.com  -- ## */
#fb-root {display: none;} 
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;height: 363px;}
.social-icons-da {background: #faac07; height: 363px;}
.social-icons-display {height: 50%;}
.social-icons-align {line-height:181.5px; vertical-align: bottom}

.nav-small {color: #868686; font-size: 9px;}
.nav-small a {color: #868686;padding: 0px 15px;}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

#loading
 {
   position:fixed; 
   _position:absolute;
   top: 0;
   left:47%; 
   padding:2px 5px;
   z-index: 5000;
   background-color:#CF4342;
   color:#fff;
 }

/*-------------------------------------------------------------------
	BOOTSTRAP CHANGES
------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {font-family: sorts_mill_goudyregular, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.navbar-wrapper {z-index: 10000;}

.navbar {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.navbar .nav > li > a {padding: 10.5px 22.5px 8.5px;border-bottom: transparent solid 3px;}
.fr .navbar .nav>li>a {padding:10.5px 19px 10.5px;}
.navbar .nav > li > a:focus,.navbar .nav > li > a:hover {border-bottom: #faac07 solid 3px;}
.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus {border-bottom: transparent solid 3px;}

.navbar .divider-vertical {margin: 0px;border-left: 1px solid #acd6d6;border-right: 1px solid #83b4b4;}

.dropdown-menu {z-index: 1500;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

#myCarousel {z-index: 1;}
.carousel-control {height: 58px;margin-top: -20px;font-size: 80px;font-weight: 100;line-height: 40px;background: none;border: 0px solid #ffffff;}
.carousel-indicators {position: absolute;top: 472px;bottom: 0px;left: 147px;right: 700px;z-index: 5;margin: 0;list-style: none;}
.carousel-indicators li {display: block;float: left;width: 10px;height: 10px;margin-left: 28px;text-indent: -999px;background-color: transparent;background-color: rgba(255, 255, 255, 0.25);  border-radius: 5px;border: 1px solid #ffffff;}

.carousel-indicators .active {background-color: #faac07;}
.carousel-caption {left: 0;right: 685px;top: 0;bottom: 0;padding: 0px;background: transparent;text-align: center;}

.carousel-caption h4,.carousel-caption p {color: #ffffff;line-height: 20px;}
.carousel-caption h4 {font-family: sorts_mill_goudyregular, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #faac07;margin: 160px 0 5px;font-size: 32px;}
.carousel-caption p {margin-bottom: 0;padding: 0px 70px;font-size: 24px;line-height: 28px;}
.carousel-caption hr { margin: 30px 160px; color: white;}

.nav-pills > .active > a,.nav-pills > .active > a:hover,.nav-pills > .active > a:focus {background-color: #83b8b8;}
.nav-list > .active > a,.nav-list > .active > a:hover,.nav-list > .active > a:focus { background-color: #83b8b8;}

.accordion {margin-bottom: 20px;}
.accordion-group {margin-bottom: 2px;border: 1px solid #fff;border-bottom: 1px solid #c4dada;border-top: 1px solid #c4dada;margin-bottom: 8px;padding: 37px 0px;-webkit-border-radius: 4px;
  -moz-border-radius: 4px;border-radius: 4px;}
.accordion-heading {border-bottom: 0;}
.accordion-heading .accordion-toggle {display: block;padding: 0px;line-height: 40px;vertical-align: middle;}
.accordion-toggle {cursor: pointer;padding-right: 42px;background: #000 url(/img/toggle-plus.png) no-repeat right;min-height: 40px;line-height: 40px;vertical-align: middle;}
a.accordion-toggle {}
.accordion-inner {padding: 0px 15px;border-top: 1px solid #e5e5e5;}

footer a, footer a:hover {color: black }
footer ul.nav-list a, footer ul.nav-list a:hover {color: #4a7676 }

@media (min-width: 980px) and (max-width: 1199px) {
	/* ## -- header styles for dramaafrica.com  -- ## */
	.home-header {font-size: 32px;}
	.home-header-h2 {font-size: 17px; line-height: 20px;}
	.home-sign-up {margin: 26px 0 0;}
	.articleHome1 {margin: 39px 0 33px;}
		
	.logo-padding {margin-top: 26px;margin-bottom: 44px;}
	
	.read-from-area {right: 0px; top: 0px;}
	.read-from-area h3 {font-size: 22px;}
	
	.branch-contact-h4 {font-size: 50px; margin-left: 90px;margin-bottom: 5px;}
	.branch-contact-block {padding: 36px; font-size: 18px;margin-bottom: 18px;}
	.branch-contact-address {margin-top: 16px;font-size: 13px;}
	.branch-contact-img {width:57px;}
	.branch-contact-twitter {top: 15px; width:57px; height:46px;}
	.branch-contact-facebook {bottom: 15px; width:57px; height:56px;}
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {height: 292px !important;}
	.social-icons-da {background: #faac07; height: 292px;}
	.social-icons-align {line-height:146px;}
	
	.navbar .nav > li > a {padding: 10.5px 9.5px 8.5px;border-bottom: transparent solid 3px; font-size: 14px;}
	.fr .navbar .nav > li > a {padding: 10.5px 6.5px 8.5px;}

	.carousel-control {height: 58px;margin-top: -20px;font-size: 80px;font-weight: 100;line-height: 40px;background: none;border: 0px solid #ffffff;}
	.carousel-indicators {position: absolute;top: 372px;bottom: 0px;left: 126px;right: 600px;z-index: 5;margin: 0;list-style: none;}
	.carousel-indicators li {width: 10px;height: 10px;margin-left: 18px;text-indent: -999px;}
	.carousel-indicators .active {background-color: #faac07;}
	.carousel-caption {right: 549px;}
	.carousel-caption h4,.carousel-caption p {line-height: 20px;}
	.carousel-caption h4 {margin: 120px 0 5px;font-size: 26px;}
	.carousel-caption p {margin-bottom: 0;padding: 0px 70px;font-size: 16px;line-height: 20px;}
	.carousel-caption hr { margin: 20px 130px; color: white;}
	
	/* ## -- footer styles for dramaafrica.com  -- ## */
	.footer-blog-date {font-size: 24px;}
	.footer-blog-header {font-size: 16px;line-height: 20px;}
	.footer-blog-p {font-size: 10px;}
	.footer-terms {padding: 8px;font-size: 11px;}
}


@media (min-width: 768px) and (max-width: 979px) {
	/* ## -- header styles for dramaafrica.com  -- ## */
	.home-header {font-size: 25px;}
	.home-header-h2 {font-size: 13px; line-height: 16px;}
	.home-sign-up {margin: 26px 0 0;}
	.articleHome1 {margin: 39px 0 33px;}
	
	.logo-padding {margin-top: 20px;margin-bottom: 34px;}	
	.read-from-area {right: 0px; top: 0px;}
	.read-from-area h3 {font-size: 100%;}

	.accordion {margin-bottom: 10px;}
	.accordion-group {padding: 17px 0px;}
	.accordion-heading .accordion-toggle {line-height: 30px;}
	.accordion-toggle {min-height: 30px;line-height: 30px;background: #000 url(/img/toggle-plus-m.png) no-repeat right;}
	.accordion-inner {padding: 0px 5px;}
	
	.branch-contact-h4 {font-size: 39px; margin-left: 70px;margin-bottom: 2px;}	
	.branch-contact-block {padding: 28px; font-size: 14px;margin-bottom: 14px;}
	.branch-contact-address {margin-top: 13px;font-size: 11px;}	
	.branchheader-div {min-height: 30px;}
	.branchheader-bold {font-size: 30px;}
	.branchheader-normal {font-size: 30px;}
	.branch-accordion-blurb {font-size: 11px;}
	.branch-contact-img {width:45px;}
	.branch-contact-twitter {top: 15px; width:45px; height:36px;}
	.branch-contact-facebook {bottom: 15px; width:45px; height:44px;}	
	
	.navbar .nav>li>a{float:none;padding:10.5px 15px 10.5px;color:#ffffff;text-decoration:none;text-shadow:0 1px 0 #9acaca;border-bottom: transparent solid 2px;}
	
	.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;border-bottom: none;border-bottom: #89c1c1 solid 2px;}
	.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#ffffff;text-decoration:none;background-color:#89c1c1;-webkit-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);-moz-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);border-bottom: transparent solid 2px;}

	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {height: 224px !important;}
	.social-icons-da {background: #faac07; height: 224px;}
	.social-icons-align {line-height:112px;}
	
	.carousel-control {font-size: 60px;}
	.carousel-indicators {top: 292px;left: 76px;right: 300px;margin: 0;list-style: none;}
	.carousel-indicators li {width: 10px;height: 10px;margin-left: 18px;text-indent: -999px;}
	.carousel-caption {right: 424px;}
	.carousel-caption h4,.carousel-caption p {line-height: 20px;}
	.carousel-caption h4 {margin: 90px 0 5px;font-size: 22px;}
	.carousel-caption p {margin-bottom: 0;padding: 0px 50px;font-size: 12px;line-height: 20px;}
	.carousel-caption hr { margin: 20px 90px; color: white;}
	/* ## -- footer styles for dramaafrica.com  -- ## */
	.footer-blog-date {font-size: 19px;}
	.footer-blog-header {font-size: 13px;line-height: 16px;}
	.footer-blog-p {font-size: 11px;}
	.footer-terms {padding: 6px;font-size: 10px;}	
}
@media (max-width: 767px) {
	.home-header {font-size: 25px;}
	.home-header-h2 {font-size: 13px; line-height: 16px;}
	.home-sign-up {margin: 26px 0 0;}
	.articleHome1 {margin: 0;}
	.logo-padding {margin-top: 18px;margin-bottom: 30px;}	
	.read-from-area {position:relative;top:3px; width: 100%}
	.phone-clear {clear:both;}
	.branch-contact-h4 {font-size: 39px; margin-left: 70px;margin-bottom: 2px;}		
	.branch-contact-block {padding: 28px; padding-bottom: 50px; font-size: 14px;margin-bottom: 14px;}
	.branch-contact-principal {width: 100%; text-align: center;}
	.branch-contact-tel {width: 100%; text-align: center;}
	.branch-contact-email {width: 100%; text-align: center;}		
	.branch-contact-address {margin-top: 13px;font-size: 11px;}
	.branch-contact-img {width:45px;}
	.branch-contact-twitter {left: 0px;top: inherit; bottom: 0px; width: 50%; height:36px; text-align: right;}
	.branch-contact-facebook {right: 0px;bottom: 0px; width: 50%; height:44px; text-align: left}
	.branchheader-div {min-height: 15px;}
	.branchheader-bold {font-size: 15px;}
	.branchheader-normal {font-size: 15px;}
	.branch-accordion-blurb {font-size: 10px;}
				
	.blog-hr {margin-left: 0%;margin-right: 0%}
	.blog-hr-latest-articles {width: 15%;}
	
	.accordion-group {padding: 17px 0px;}
	.accordion-heading .accordion-toggle {line-height: 15px;}
	.accordion-toggle {min-height: 15px;line-height: 15px;background: #000 url(/img/toggle-plus-s.png) no-repeat right;}
	.accordion-inner {padding: 0px 5px;}
		
	.navbar .nav>li>a{float:none;padding:10.5px 15px 10.5px;color:#ffffff;text-decoration:none;text-shadow:0 1px 0 #9acaca;border-bottom: transparent solid 2px;}
	.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;border-bottom: none;border-bottom: #89c1c1 solid 2px;}
	.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#ffffff;text-decoration:none;background-color:#89c1c1;-webkit-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);-moz-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);border-bottom: transparent solid 2px;}
		
	.social-icons-da {height: 68px; text-align: center}
	.social-icons-display {float: left;height: 68px;vertical-align: middle; width: 50%;}
	.social-icons-align {line-height:68px; vertical-align: middle;}
	.social-text-right {text-align: right}
	.social-text-left {text-align: left}
	 
	.carousel-inner > .item {min-height: 100px;}
	.carousel-caption {left: 0;right: 0px;top: 0;bottom: 0;padding: 0px;background: transparent;text-align: center;height: 200px;}
	.carousel-caption h4,.carousel-caption p {line-height: 20px;}
	.carousel-caption h4 {margin: 20px 0 5px;font-size: 22px;}
	.carousel-caption p {margin-bottom: 0;padding: 0px;font-size: 12px;line-height: 20px;color: #666;}
	.carousel-caption hr { margin: 20px 130px; color: white;}
	/* ## -- footer styles for dramaafrica.com  -- ## */
	.footer-blog-date {font-size: 19px;}
	.footer-blog-header {font-size: 13px;line-height: 16px;}
	.footer-blog-p {font-size: 11px;}
	.footer-terms {padding: 6px;font-size: 10px;}		
}
/* Fixes errors in Twitter Bootstrap collapsible menu not working 100%. */
.dropdown-backdrop {position: static;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}