/* MMMMM CUSTOM & THEME */

/* Clearfix ================================================ */

.clearfix:before,.clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}
.center-block {display: block;margin:auto;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}


/* MAIN COLORS REF */
/* the red #b51f20 */
/* the grey #e5e5e5 */
/* the dark browny things #510d00 */
/* ooh a lighter grey #f0f0f0 */
/* body text #000 or #333 mmmmm */
/* hover #e57200 */
/* title text is reversed out so is #fff */

/* TEXT FORMAT */
.bold {font-family: 'source_sans_probold';}
.italic {font-family: 'source_sans_proitalic';}
.bolditalic {font-family: 'source_sans_probold_italic';}

a, a:visited {color: #b51f20; text-decoration: underline;}
a:hover {color: #e57200;}

body {
  padding-top: 0px;
  padding-bottom: 0px;
  background:#fff;
font-family: 'source_sans_proregular' , Arial, sans-serif;
}

/* HERE WE GO... */

.container {background: #fff; color: #333; font-size: 1.25em;}

/* COL4 WIDTH ADJUSTMENT */
/* columns reacting too much, lets tone it down and be respons(ive)able */
@media (min-width: 960px) {
  .col-lg-4 {
    width: 33.33333333%; float: left;
  }}

/* LOGO */
.logo img {margin-top: -10px; }
@media (max-width: 767px){
.logo img { height: auto; width: 100%;}
}

/* MASTHEAD */
.masthead.container {padding:0; height: 225px; }
.masthead.logo.container {background-image: none;}
.mastheadbackground {background:#fff;}

@media (max-width: 1024px){
.masthead.logo.container {background-image: none;}}

/* HEADINGS AND TITLES */
h1, h1 a {color: #333; padding: 0; margin: 0 0 0;}
h2 { font-family: 'bebas_neuebold', Arial, sans-serif; background: #b51f20; color: #fff; padding: 5px 5px 5px 15px;}
h2.accessibility {display: none;}
h3 { font-family: 'source_sans_probold'; font-weight: normal; }
h4 { font-family: 'source_sans_probold'; font-weight: bold; }

/* STRAPLINE */
.strapline {float: right; clear: right;}
@media (max-width: 767px){
.strapline img {display: none;}
}

/* SEARCH */

@media (max-width: 1000px){div.search  {display: none;}}
.search {margin: 74px 60px 0 0 ; float: right; display: inline-block; height: 48px; padding: 0; }

.search label {display: none;}

input.search-button {
	border: none;
	cursor: pointer;
	background: #510d00 /*url(https://northlondonactors.co.uk/images/layout/search-button.png) no-repeat center center */;
        color: #fff;
	
}

input#cntnt01searchinput.search-input{
	background: #e5e5e5;
border: none; padding-left: 5px;
}

/* SOCIAL MEDIA */
div.social {margin: 20px 120px 0 0; float: right; display: inline-block; height: 48px; padding:0;  clear: both;}
@media (max-width: 1100px){div.social  {margin-right: 55px;}}
@media (max-width: 1000px){div.social  {display: none;}}


ul.socialmediaheader {}
ul.socialmediaheader li {float:left;list-style:none;}
ul.socialmediaheader li a, ul.socialmediaheader li a:hover {display:block; width:48px; height:48px; text-decoration:none;}

ul.socialmediaheader li a.mailing-list  {display:block; width:158px; height:38px; text-align: center; padding: 5px; color: #fff; background: #b51f20; margin: 6px 30px ; font-family: 'bebas_neuebold'; font-size: 120%;}

ul.socialmediaheader li a.mailing-list:hover {background:#c94225;}

ul.socialmediaheader li a.fb { background: transparent url("https://northlondonactors.co.uk/studiolib/social-fb.png") no-repeat 0px 0px; margin-right: 10px;}
ul.socialmediaheader li a.fb:hover { background: transparent url("https://northlondonactors.co.uk/studiolib/social-fb.png") no-repeat -48px 0px; }
ul.socialmediaheader li a.tw { background: transparent url("https://northlondonactors.co.uk/studiolib/social-tw.png") no-repeat 0px 0px; }
ul.socialmediaheader li a.tw:hover { background: transparent url("https://northlondonactors.co.uk/studiolib/social-tw.png") no-repeat -48px 0px; }

ul.socialmediafooter {margin-left: 0; text-align: left; padding: 0; width:100px; height:40px;}
ul.socialmediafooter li {float:left;list-style:none;  }
ul.socialmediafooter li a, ul.socialmediafooter li a:hover {display:block; width:40px; height:40px;}
ul.socialmediafooter li a.fb { background: transparent url("https://northlondonactors.co.uk/studiolib/socialfooter-fb.png") no-repeat 0px 0px; margin-right: 10px;}
ul.socialmediafooter li a.fb:hover { background: transparent url("https://northlondonactors.co.uk/studiolib/socialfooter-fb.png") no-repeat -40px 0px; }
ul.socialmediafooter li a.tw { background: transparent url("https://northlondonactors.co.uk/studiolib/socialfooter-tw.png") no-repeat 0px 0px; }
ul.socialmediafooter li a.tw:hover { background: transparent url("https://northlondonactors.co.uk/studiolib/socialfooter-tw.png") no-repeat -40px 0px; }



/* NAVBAR */
.navbar {margin-bottom: 0px; font-family: 'bebas_neuebold';}
.navbarbackground {background: transparent; margin-top: 0px;}
.navbar.container {background: #fff; border: none;}
.navbar.container li a, .navbar .container a {color: #510d00; text-transform: uppercase; font-size: 2em; text-decoration: none;}
.navbar.container li a:hover, .navbar .container a:hover {color: #e57200;}
.navbar-default {box-shadow: none;}

/* NAVBAR BUTTON */
.navbar-default .navbar-toggle:hover
{background: #b51f20; border-color: #510d00;}
.navbar-default .navbar-toggle:hover span.icon-bar
{background: #fff; border-color: #fff;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus {background: #b51f20; border-color: #bf9474;}
.navbar-default .navbar-toggle span.icon-bar, .navbar-default .navbar-toggle:focus span.icon-bar {background: #510d00;}

#menu_vert ul {list-style:none; margin: 18px 0 18px 0; padding:0; font-size: 1.6em; border-top: 1px solid #f0f0f0;}
#menu_vert ul li {padding: 10px; background: #fff; display: block;}
#menu_vert ul li a {text-decoration: none; display: block;}
#menu_vert ul li:hover , #menu_vert ul li a:hover {color: #e57200;}

/* MAIN CONTENT HERO IMAGE HOME PAGE*/

.theme-default .nivoSlider, .slider-wrapper.theme-default, #slider1.nivoSlider {box-shadow: none;}
.nivo-caption {opacity: 1;}
.mainimage {text-align: center; padding: 0px; border: 0px solid #555; margin: 0px 0px 20px 0px;}
.mainimage img {width: 100%;}
.mainimage .brown {background: #510d00 ; color: #fff; margin-top: 5px; font-size: 171%; text-align: left; padding: 4px 5px 1px 25px;}

/* BLOCKS and background COLORS */

.red {background: #b51f20; }
.col-lg-6.maincol .col-lg-12.grey {background: #e5e5e5 ; padding: 0; margin-top: 0; }
.col-lg-6.maincol .col-lg-12.grey img{}
.col-lg-6.maincol {padding-top: 0px; margin-top: 0px; }
.col-lg-6.maincol h2 { margin-top: 0px; margin-bottom: 0px;}

.col-lg-6 img { margin-right: 15px; margin-top: 0px;}
.maincol1 img {margin-left: -15px;}
.poster img {margin-top: 0px; width: 100%; }
.poster h2 {margin-bottom: 0;}

.col-lg-6.maincol .col-lg-12.brown {background: #510d00 ; padding: 0; margin-top: 0; color: #fff; min-height: 425px;}

.maintext .col-lg-12.grey h2 { margin-top: 0px; margin-bottom: 0px; }

.maintext .col-lg-12.grey {background: #e5e5e5 ; padding: 0; margin-top: 0; margin-bottom: 20px; min-height: 426px;}

.white {background: #fff; }

.maincol2join {margin: 15px; font-family:'bebas_neuebold'; font-size: 1.8em; }

.homejoinbox ul {margin: 15px; font-family:'bebas_neuebold'; font-size: 1.8em;}

.col-lg-3 img {max-width: 100%;}
.col-lg-3 h2 { margin-bottom: 0px;}

.sidemenu .brown {background:#510d00; color: #fff; font-family: 'bebas_neuebold'; font-size: 180%; padding-bottom: 10px; margin-bottom: 20px;}

.alphabet {display:inline; float: left; margin-right: 11px;}
.alphabetnav {clear: both; display: block; margin-bottom: 20px;}

.thumbnail>h4 {text-align: center; font-family: 'source_sans_probold'; font-weight: normal;}


/* SIDE PANEL */
.quotebox {color:#b51f20; padding: 35px 10px 10px 10px; background: url("https://northlondonactors.co.uk/studiolib/quotes.png") 0 0 no-repeat;}
.quotecontent {font-family:'source_sans_proitalic'; font-size: 160%; margin: 20px 0px;}
.quotereference {font-size: 80%;}

/* FOOTER*/
.footer > .container { padding: 20px 5px;}
.footer { width: 100%; margin-top: 20px;}
.footer .container {background:#510d00 ; color: #fff;}
.footer .container.subfoot {background:#fff ; color: #333;}
.belowfooter {background: none; margin-top: 10px; font-size: 90%;}


/* CONTACT FORM ========================================================== */
.contactform fieldset {padding: 10px 0 10px 0; background-color: transparent; border: 0;} 
.contactform fieldset legend {font-weight: bold; display: none;} 
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;} 
.contactform div label {display: block; width: 100%; text-align: left; float: left; margin-right: 8px; line-height: 50px;} 
.contactform div.required {color: #111;} 
.contactform div.required input, textarea {width: 100%;} 
.contactform div.submit 
{ 
   margin: 0px auto 10px auto;
   padding: 10px 0px 10px 0px;
   width: 50%; 
   min-width: 120px;
   text-align: right;
}
.contactform {width:100%; overflow:hidden;}
.contactform p {overflow:hidden;}
.contactform label {width:5em;display:block; padding-right:10px;float:left;line-height:50px;text-align:right; font-weight: normal;}
.contactform input { width:100%;  padding:15px; font:inherit; float:left;}
.contactform textarea {border:1px solid #ccc;width:100%; padding:15px;font:inherit;float:left;}
.contactform input.btn {padding:15px 50px; float:none; background-color:#fff;border-radius:2px;-moz-border-radius:2px;border:none;color:white;font-size:16px;font-weight:600; width:auto; margin: 10px auto;} 
.contactform .required.fb_invalid {color: red;}


/* Stylesheet: 00 Layout and Colors Modified On 2017-03-12 14:57:41 */