/* Enter Your Custom CSS Here */
.schemacode div, .schemacode span {display:inline;}
.schemacode {text-align:justify;}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {-webkit-text-size-adjust: none;}

#black-studio-tinymce-24 {text-align:center;}

.skip-container {display:none;}
.grid.col-300.fit.powered {display:none;}

.c2a {color:#40a840; font-size:16px; font-weight:bold;}

.post-meta, #respond {display:none;}

h1 {font-size:20px; color:#1b900c; line-height:25px;}

.post-entry > h2, .post-entry > h3  {font-size:18px; color:#1b900c; line-height:25px;}

.post-entry > p {margin-top:5px;}

.c2a_number {
  background: -webkit-linear-gradient(#ffd700, #ff8d00); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffd700, #ff8d00); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffd700, #ff8d00); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffd700, #ff8d00); /* Standard syntax */
  border:2px solid #000;
  color:#000;
  font-size:20px;
  font-weight:600;
  border-radius:10px;
  background-color:#ffad00;
  margin:5px;
  padding:10px 5px;}

.c2a_line {font-style:italic;font-weight:bold;}

.menu {
  background: -webkit-linear-gradient(green, #68ab3b); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(green, #68ab3b); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(green, #68ab3b); /* For Firefox 3.6 to 15 */
  background: linear-gradient(green, #68ab3b); /* Standard syntax */
filter:none;}

.ie9 .menu {background-color:#13880b;}

.ie9 a.button:hover, .ie9 input[type='reset']:hover, .ie9 input[type='button']:hover, .ie9 input[type='submit']:hover {filter:none;}

.ie9 a.button, .ie9 input[type='reset'], .ie9 input[type='button'], .ie9 input[type='submit'] {filter:none;}


.menu .current_page_item a, .menu .current-menu-item a {background-color:darkgreen;}

.menu a:hover {background:green;}

.ie9 .menu a:hover {background-color:green; filter:none;}

.menu a {
  font-size:15px;
  padding:0 1.5em;
  text-shadow:0 0 0 transparent;}

#header {
  background:rgba(255, 255, 255, 0.81) none repeat scroll 0 0;
  padding:6px;}

#logo {
  padding-bottom:10px;
  padding-top:10px;
  padding-left:10px;}

#content {margin-top:10px;}

#widgets {margin-top:10px;}

#wrapper {border-radius:0px; margin:0px; background:rgba(255, 255, 255, 0.81) none repeat scroll 0 0;}

#form h2 {
  font-size:19px;
  background:#1b900c;
  margin-top:0px;
  color:#fff;
  padding:8px;
  text-align:center;}

.widget-wrapper {padding:10px; margin:0px;}

select, input[type="text"], input[type="password"], input[type="email"] {padding:3px 8px;}

.label > br {display:none;}

.fields {display:inline-block; width:56px;}

.wpcf7-form-control.wpcf7-textarea {height:60px;}


.submit_button input {
  background:green url("/wp-content/uploads/sites/97/2015/12/submit-button.png") repeat scroll 0 0;
  color:transparent;
  border-radius:0px;
  border:medium none;
  height:35px;
  width:89px;
  text-shadow:0 0 0 transparent;}

.submit_button input:hover {
 background:green url("/wp-content/uploads/sites/97/2015/12/submit-button.png") repeat scroll 0 0;
  color:transparent;
  border-radius:0px;
  border:medium none;
  height:35px;
  width:89px;
  text-shadow:0 0 0 transparent;}

.widget-wrapper #form {
  background-color:#e8ffe4;
  border:1px solid green;
  border-radius:4px;
  padding:10px;
  margin:0 0 20px;}

.submit_button {text-align:center;}

.widget-wrapper {
  background-color:transparent;
  border:none;}


#cssmenu li a {font-size:14px; border-right:1px solid; padding-left:5px; padding-right:5px; color:#fff;}

#cssmenu > ul {padding-left:0px;}

.bottom_line {font-size:14px; color:#ededed;}

#black-studio-tinymce-19 {width:100%; text-align:center; margin:0px;}

#black-studio-tinymce-20 {width:100%; text-align:center; margin:0px; border-top:1px dashed #ededed;}

#footer_widget {background:#1b900c none repeat scroll 0 0;}

.grid.col-540, .grid.col-380.fit {display:none;}

.widget-wrapper select, .widget-wrapper input[type="text"], .widget-wrapper input[type="password"], .widget-wrapper input[type="email"] {width:72%;}

#footer {padding:0px;}

#cssmenu li a:hover {color:#000;} 

.banner img {margin:0px;}

.cont_info > h2 {font-size:18px;}

.copyright, .powered {color:#000;}

.color-text {color:darkgreen; font-weight:bold;}

li.last_item a {border:none !important;}

.cont_img img {border:1px solid darkgreen; padding:5px;}

.soliloquy-pager.soliloquy-default-pager {display:none;}

.bottom_line a {color:#fff !important;}

.c2a_number > a {color:#000; font-weight:bold;}

.cont_info a {color:darkgreen;}

.aligncenter {margin:0 auto;}

/* DESKTOP CSS START HERE ------------------------------------*/
@media (min-width: 1200px){

#black-studio-tinymce-3 {float:right;}

.col-300 {width:28.915%;}

.col-620 {width:68.957%;}

#black-studio-tinymce-3 {
  text-align:center;
  padding-bottom:10px;
  padding-right:10px;
  padding-top:10px;}

#cssmenu li {display:inline-block; line-height:25px;}

.menu a {border-left:1px solid #fff;}

.grid.col-300.fit.powered {float:right;}

.menu li li a {font-size:14px;}

.last_para {font-size:18px;}

body.custom-background {
  background-attachment:fixed;
  background-color:#5fa825;
  background-image:url("/wp-content/uploads/sites/97/2016/05/BG-Manhattan-Beach.jpg");
  background-position:left top;
  background-repeat:repeat-x;}

.ribbon-maker {display:block !important;}

}


/* MOBILE PORTRAIT CSS START HERE --------------------------------*/
@media (max-width: 480px) and (orientation : portrait){
  
  #container {padding:0px;}

#cssmenu li {display:block; line-height:25px;}
  
  #cssmenu li a {border:none !important;}
  
  .js .main-nav {
    background: -webkit-linear-gradient(green, #68ab3b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(green, #68ab3b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(green, #68ab3b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(green, #68ab3b); /* Standard syntax */}
  
  .js .main-nav .menu li a {border-color:green; background-color:#ededed;}
  
  #logo {
  padding-bottom:10px;
  padding-top:0px !important;
  padding-left:0px !important;}
  
  .map > iframe {width:280px; height:250px;}
  
  div#black-studio-tinymce-3 {margin:0 auto;}
  
  .grid.col-300.fit.powered {display:block; width:100%; text-align:center;}
  
  .bottom_line span {font-size:13px; display:block; margin-top:10px; margin-bottom:5px;}
  
   .c2a_number {width:235px; margin:5px auto;}
  
  .c2a {font-size:14px !important;}
  
  .cont_img img {margin:0 auto; float:none; display:block;}
  
  .ribbon-maker {display:none;}
  
}  
 

/* MOBILE LANDSCAPE CSS START HERE --------------------------------*/
@media (max-width: 768px) and (min-width: 480px) and (orientation : landscape) {

  #container {padding:0px;}

#cssmenu li {display:inline-block; line-height:25px;}
  
  
  .js .main-nav {
    background: -webkit-linear-gradient(green, #68ab3b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(green, #68ab3b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(green, #68ab3b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(green, #68ab3b); /* Standard syntax */}
  
  .js .main-nav .menu li a {border-color:green; background-color:#ededed;}
  
  #logo {
  padding-bottom:10px;
  padding-top:0px !important;
  padding-left:0px !important;}
  
  .c2a_number {width:250px; margin:5px auto;}
  
  .widget-wrapper #form {width:250px; margin:0 auto;}
  
  .ribbon-maker {display:none;}
  
    .bottom_line span {font-size:14px; display:inline-block; margin-top:10px; margin-bottom:5px;}

}  


/* IPAD PORTRAIT CSS START HERE ------------------------------------------*/
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

  .top-widget {width:35%;}

  div#black-studio-tinymce-3 {text-align:center;}
  
    #container {padding:0px;}

#cssmenu li {display:inline-block; line-height:25px;}
  
   
  .widget-wrapper #form {width:250px; margin:0 auto;}
  .menu li li a {font-size:14px;}
  
  .c2a {font-size:14px !important;}
  
  .last_para {font-size:18px;}
  
  .map {text-align:center;}
  
  .ribbon-maker {display:none;}
  
    .bottom_line span {font-size:14px; display:inline-block; margin-top:10px; margin-bottom:5px;}
  
  .grid.col-300.copyright {width:35%;}
  
  .grid.col-300.scroll-top {width:27%;}
  
  .page-id-4 div#content {float:left; width:55%;}
  
  .page-id-4 div#widgets {float:right; width:39%;}
  
}
  
 

/* IPAD LANDSCAPE START HERE --------------------------------------------------*/
@media (min-width : 1024px) and (orientation : landscape) {
  

.col-300 {width:28.915%;}

.col-620 {width:68.957%;}

#black-studio-tinymce-3 {
  text-align:center;
  padding-bottom:10px;
  padding-right:10px;
  padding-top:10px;}

#cssmenu li {display:inline-block; line-height:25px;}
  
  div#black-studio-tinymce-3 { float:right; margin-top:5px; margin-right:5px;}
  
  .grid.col-300.fit.powered {float:right;}
  
  .menu li li a {font-size:14px;}
  
  .last_para {font-size:18px;}
  
  body.custom-background {
  background-attachment:fixed;
  background-color:#5fa825;
  background-image:url("/wp-content/uploads/sites/97/2016/05/BG-Manhattan-Beach.jpg");
  background-position:left top;
  background-repeat:repeat-x;}
  
  .ribbon-maker {display:none;}


}  


/* NEXUS 7 PORTRAIT CSS STARTS HERE ------------------------------------------------*/
@media (min-width : 600px) and (max-width : 760px)  and (orientation : portrait) {
  .top-widget {width:35%;}

  div#black-studio-tinymce-3 {text-align:center;}
  
    #container {padding:0px;}

#cssmenu li {display:inline-block; line-height:25px;}
  
      .bottom_line span {font-size:14px; display:inline-block; margin-top:10px; margin-bottom:5px;}
   
  .widget-wrapper #form {width:250px; margin:0 auto;}
  
  .ribbon-maker {display:none;}

}  


/* NEXUS 7 LANDSCAPE CSS STARTS HERE ------------------------------------------------------*/
@media (min-width : 960px) and (max-width : 1020px)  and (orientation : landscape) {


.col-300 {width:28.915%;}

.col-620 {width:68.957%;}

#black-studio-tinymce-3 {
  text-align:center;
  padding-bottom:10px;
  padding-right:10px;
  padding-top:10px;}

#cssmenu li {display:inline-block; line-height:25px;}
  
  div#black-studio-tinymce-3 { float:right; margin-top:5px; margin-right:5px;}
  
  .grid.col-300.fit.powered {float:right;}
  .menu li li a {font-size:14px;}
  
  .last_para {font-size:18px;}
  
  .ribbon-maker {display:none;}
}