/*

Theme Name:     Customizr Child

Theme URI:      https://themesandco.com/customizr

Description:    A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !

Author:         Nicolas Guillaume (nikeo)

Author URI:     https://themesandco.com

Template:       customizr

Version:        1.0.0

*/



/* Your awesome customizations start right here !

-------------------------------------------------------------- */



.mobile-only {display:none;}

.span4.backtop {display:none;}



body {

line-height: 1.75rem;

background: #ffffff;

}



body.page {

background: #f3f3f3; /* Old browsers */

background: -moz-linear-gradient(left,  #f3f3f3 0%, #f3f3f3 50%, #ffffff 51%, #ffffff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3f3f3), color-stop(50%,#f3f3f3), color-stop(51%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #f3f3f3 0%,#f3f3f3 50%,#ffffff 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #f3f3f3 0%,#f3f3f3 50%,#ffffff 51%,#ffffff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #f3f3f3 0%,#f3f3f3 50%,#ffffff 51%,#ffffff 100%); /* IE10+ */

background: linear-gradient(to right,  #f3f3f3 0%,#f3f3f3 50%,#ffffff 51%,#ffffff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}



p {

padding: 5px 0px 5px 0px;

}



a {

color: rgb(70,54,127);

}



/* Add spacing between logo and navigation  */

.brand a {

padding-bottom:	20px;

}



/* START OF Center Header Block Items (Needs additional php code in Child Theme functions.php) */

/* STEP 1 */

.brand.span12 {

float:              none;

}



/* STEP 2 */ 

/* OPTION 2/2 - HIDE TAGLINE */

.tc-header .outside, .site-description, .inside.site-description {

display:            none;

}



/* STEP 3 */ 

/* OPTION 2/2 - HIDE SOCIAL ICONS */

.social-block.span12 {

display:            none;

}

  

/* STEP 4 */

/* OPTION 1/1 - CENTER MENU */



.navbar-wrapper.span9 {width: 85%;} 



/* Adjust margin/padding */

.navbar-wrapper .navbar.resp .navbar-inner,

.navbar .navbar-inner  {

margin:             0px 0px;

padding:            0px 0px;

}



.navbar-wrapper .navbar.resp,

.navbar.resp { 

float:              none; 

width:              98%;  

margin:             0 auto; 

}

 

.navbar-wrapper .navbar.resp .nav-collapse {

float:              none; 

width:              100%; 

text-align:         center;



}

 



.navbar-wrapper .navbar.tresp .nav > li,

.navbar .nav > li    {

float:              none; 

display:            inline-block;

}



.navbar .nav {

display: inline-block;

  float: none;

}



.navbar-wrapper .navbar.notresp .nav > li .dropdown-menu li {

float:              left; 

width:              100%; 

text-align:         left;

}

 

.dropdown-menu {text-align:left;}



 

/* STEP 5 */

/* OPTION 1/1 - HIDE NAVBAR BOX */

.navbar-wrapper .navbar.notresp .navbar-inner {

-webkit-box-shadow: none;

-moz-box-shadow:    none;

box-shadow:         none;

background:         none;

-webkit-box-shadow: none;

-moz-box-shadow:    none;

box-shadow:         none;

border-radius:	     0px;

}



.pull-menu-right .nav-collapse { float: none;}

 



/* END OF Center Header Block Items (Needs additional php code in Child Theme functions.php) */



/* Eliminate white space at bottom of header */

.row-fluid:after {

clear: none;

height: 0px; 

}





.navbar {

border-bottom: 0px;

}



.navbar-inner { min-height: 40px; }





/* Making all Menu items equally sized tabs */

.navbar .nav > li {

min-width: 1em;

background: black;

/* padding: 10px 10px; */

padding: 10px 0;

margin: 0 1px;

}



.navbar div>ul.nav>.menu-item:first-child>a,

.navbar div>ul.nav>.menu-item:last-child>a,

.navbar .nav>li>a { font-size: 1em; padding: 5px 20px;}



/* make the tabs wider on larger screens */

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

.navbar .nav>li>a,

.navbar div>ul.nav>.menu-item:first-child>a,

.navbar div>ul.nav>.menu-item:last-child>a {  padding: 5px 45px;} 

html.size2 .navbar .nav>li>a,

html.size2 .navbar div>ul.nav>.menu-item:first-child>a,

html.size2 .navbar div>ul.nav>.menu-item:last-child>a {  padding: 5px 15px;}

html.size3 .navbar .nav>li>a,

html.size3 .navbar div>ul.nav>.menu-item:first-child>a,

html.size3 .navbar div>ul.nav>.menu-item:last-child>a {  padding: 5px;}  

}

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

.navbar .nav>li>a,

.navbar div>ul.nav>.menu-item:first-child>a,

.navbar div>ul.nav>.menu-item:last-child>a {  padding: 5px 75px;} 

html.size2 .navbar .nav>li>a,

html.size2 .navbar div>ul.nav>.menu-item:first-child>a,

html.size2 .navbar div>ul.nav>.menu-item:last-child>a {  padding: 5px 25px;}

html.size3 .navbar .nav>li>a,

html.size3 .navbar div>ul.nav>.menu-item:first-child>a,

html.size3 .navbar div>ul.nav>.menu-item:last-child>a {  padding: 15px;} 

}







/* Adjust Menu text color, padding & background color  */

.navbar .nav > li > a, .navbar .nav > li > a:first-letter,

.navbar .nav > li.current-menu-item > a, 

.navbar .nav > li.current-menu-ancestor > a {

display:        inline;

color:          white;                        

text-transform:	uppercase;

background:	black;

text-shadow:    none;

margin:         0px 1px;

}





/* Adjust Menu colors - Active */

.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,

.navbar .nav > li.current-menu-item > a, 

.navbar .nav > li.current-menu-ancestor > a,

.navbar .nav > li.current-menu-item > a:first-letter, 

.navbar .nav > li.current-menu-ancestor > a:first-letter {

color:          rgb(254,201,48);

text-shadow:    none;

}

 

/* Adjust dropdown Menu items text color & shading */

.dropdown-menu > li > a {

color:          black;

background:     rgb(254,201,48);



}



.dropdown-menu {padding: 7px 0 0 0;} 



/* Navbar 2 */

/* Sizing */





.navbar.notresp .nav > li > a, .navbar.notresp .nav > li > a:hover {

border-radius:      0px 0px 0px 0px;        /* No Rounded corners */

min-height:         30px;                   /* Fixed height */

vertical-align:     middle;                 /* Align text */

}



ul.dropdown-menu, ul.dropdown-submenu {

margin-top:0;

border-bottom: none;

}



/* Size and Shading of Dropdown */

ul.dropdown-menu, ul.dropdown-submenu, 

.dropdown-menu > li > a, .dropdown-submenu > li > a, .dropdown-menu > li.current-menu-ancestor > a, .dropdown-menu > li > a:focus, .dropdown-submenu:focus > li > a {

border-radius:      0px 0px 0px 0px;                  /* No Rounded corners */

color:              black;			      /* Black text */

background-color:   rgb(253,228,170);                  /* Change yellow */

min-height:         30px;                             /* Fixed height */

min-width:          200px;                            /* Fixed width */

vertical-align:     middle;                           /* Align text */

/* padding-top:        8px; */

line-height: 3em;

}



.dropdown-submenu>a:after {margin-top: 1em;}



.navbar.notresp .nav > li > a:hover, .dropdown-menu > li:hover > a, .dropdown-menu > li > a:hover, .dropdown-submenu:hover > li > a, 

.navbar.notresp .nav > li > a:focus, .dropdown-menu > li:focus > a, .dropdown-menu > li > a:focus, .dropdown-submenu:focus > li > a, 

.navbar.notresp .nav > li.current-menu-item > a, .navbar.notresp .nav > li.current-menu-ancestor > a,

.dropdown-menu > li.current-menu-item > a, .dropdown-menu > li.current-menu-ancestor > a,

.dropdown-submenu > li.current-menu-ancestor > a, .dropdown-menu > li:hover > a,

.navbar-inner .nav-collapse .dropdown-menu>li>a:focus, .navbar-inner .nav-collapse .dropdown-menu>li>a:hover, .navbar-inner .nav-collapse .dropdown-submenu:focus>a, .navbar-inner .nav-collapse .dropdown-submenu:hover>a   {

color:              rgb(254,201,48);    /* Yellow Text on hover */

background-color:   black;              /* Change black */

}



/* Hide surrounds */

.navbar ul.nav, ul.dropdown-menu, ul.dropdown-submenu, .navbar .nav {

background-color:   rgba(0, 0, 0, 0);

border:             none;



}



/* Remove carets or arrows from drop downs */

.navbar .nav > li > .dropdown-menu:before,

.navbar .nav > li > .dropdown-menu:after {

    	color: white;

	display: none;

}



.caret {

color: white;

display: none;

}





/* Change the Hover/Focus Colors  */

.navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a, 

.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {

color:          rgb(254,201,48);

background:     black;

}



/* Remove left margin from header in full width mode */

.navbar-wrapper.clearfix.span12 {

margin-left:    0%;

}



/* 6px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), black=color */

header.tc-header {

border-bottom:  6px solid black;

}



/* 6px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), black=color */

#customizr-slider {

border-bottom: 6px solid black;

}



.container-marketing {

background: white; 

}



.container.marketing .row.widget-area {

	width:100% !important;

}



/* Tweaking the "round" featured images to display rectangles instead */

.round-div {

-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

width: 100%;

height: inherit;

border: 0;

top: 0;

left: 0;

bottom: 0;

right: 0;

}



.widget-front.hover .round-div, article.hover .round-div {

-webkit-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1);

}



.thumb-wrapper {

height: auto;

width: 90%;

max-width: 350px;

-webkit-box-shadow: 3px 6px 6px #7C7C7C;

    box-shadow: 3px 6px 6px #7C7C7C;

}





/* Adding border separators between the three featured item columns */

.fp-one, .fp-two, .fp-three {

border-right: 2px solid black;

margin-left: 9px;

margin-right: 0;

padding-right: 9px;

}



.fp-three { border-right:none;}

.fp-one { margin-left: 20px; }



/* Increase gap between Featured Image & FP Header  */

.widget-front h2 {

margin-top:     25px;



}



/* Remove featured text below h2 on home page*/

#breadcrumb-wrapper .edit-link,

.fp-text-one, .fp-text-two, .fp-text-three  {

	display: none;

}

 

/* Remove featured item button on home page */

.btn.btn-primary.fp-button {

        display: none;

}



.tc-hot-crumble {

  margin: 0;

  margin-right: auto;

  margin-left: auto;

}



/* Change featured page title link color */

.widget-front h2 a:link {

color:    black !important;

}



.widget-front  h2 a:hover {

    color: rgb(254,201,48) !important;

}



/* Replace grey bar with black 6px and change background color */

footer#footer {

border-top:     6px solid black;

background:     white;

}



/* Change Footer Background, Border, Font/Color as needed  */

footer#footer .colophon {

border-top:     25px solid black;

padding:        0;

}



/* Change font-size, alignment as needed  */

footer#footer p, footer#footer a {

color:          black;

padding:        0px ;

font-size:      1em ;

text-align:     left;

line-height:    1.3em ;

}



/* Change font-size of Titles  */

footer#footer h3{

color:          black;

font-size:      1.25em ;

line-height:    1.5em ;

text-align:     left;

text-shadow:    none;

font-weight:    800;

}

footer#footer .widget-title{

color:          black;

font-size:      1.25em ;

line-height:    1.5em ;

text-align:     left;

text-shadow:    none;

font-weight:    800;

margin: 10px 0;

}



#footer_one, #footer_two, #footer_three {min-height: 22em;}



div.container.footer-widgets.white-icons {

width: 100%;

margin-bottom: -20px;

}



.footer-widgets {

padding-top: 0px;

}



div#footer_one {

background-color: #E1E1E1;

width: 25%;

padding-left: 30px;

}



/* Change background color for second footer widget */

div#footer_two {

background-color: rgb(254,229,167);

width: 40%;

margin-left: 0px;

padding-left: 30px;

}



div#footer_two ul {

color: black;

border: none;

line-height: 1.2;

float:left;

list-style-type:disc;

width:40%;

margin-left: 20px;

margin-bottom: 2%;

}

div#footer_two .widget li {

list-style-type:disc;

font-size: 1.15em;

line-height: 1.5em;

} 

#searchform label.screen-reader-text {
    color: #000;
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: 800;
}
input#s {
    margin-bottom: 0;
}
 





/* Removing default table colors */

div#footer_two tr:nth-child(even) td, tr:nth-child(even) th, tr:nth-child(odd) td, tr:nth-child(odd) th {

background-color: transparent;

}



/* Removing default row borders */

div#footer_two td {

border: none;

}



/* Adjusting width of 3rd footer widget */

div#footer_three {

width: 25%;

padding: 0;

margin: 0;

}



div#footer_three #text-2 { margin-left: 25px; }



/*Adjusting to left alignment*/

.text-widget p {

text-align: left;

}



/* Removing icon before page headers */

.entry-title:before, .widget-title:before {

    content: none !important;

}



.entry-header {

min-height: 30px; 

}



.entry-header h1 {

font-size: 2em;

color: black;

}



.entry-content h2 {

font-size: 1.2em;

font-style: oblique;

font-weight: normal;

line-height: 1.5em;

color: rgb(70,54,127);

}



.entry-content h3 {

font-size: 1.4em;

padding-top: 10px;

color: black;

}



.entry-content h4 {

margin-top: 25px;

font-size: 1.2em;

margin-bottom: 2px;

color: black;

}



.entry-content a {

line-height: 28px;

color: rgb(70,54,127);

}



.breadcrumb-trail.breadcrumbs {

font-size: 90%;

background-color: #fff;

margin: 0 auto;

padding: 10px 0;

}



.breadcrumb-trail.breadcrumbs {width:940px}



body.page #breadcrumb-wrapper { border-bottom: 2px solid black; background-color: #fff}



.trail-begin {margin-left:15px}



body.page #breadcrumb-wrapper a:link, #breadcrumb-wrapper a:visited, a:hover {color: #5a5a5a;}





hr.featurette-divider.__before_content {

display: none;

}



/* Removing borders from left sidebar and changing menu links to black - WHY IS THIS NOT WORKING?!? */



#main-wrapper .widget li, #main-wrapper .widget li:after {

border-bottom: none;

}



.widget_nav_menu li a {

color: black;

}



#left.widget-area {

  

  border-right: none;

}



#left.widget-area:after {

  border-right: none;

}



/* Set background color for sidebar */ 

body.page #main-wrapper {

  background-color: rgb(243, 243, 243);

  margin-bottom:0;

  margin-top: 0

}

body.page .article-container {

  background-color: white;

  padding-top:10px;

  min-height: 30em;

}

.article-container article {

    margin-left: 30px;

   margin-bottom: 20px; 

	width:95%}



.thumb-wrapper.hover .round-div, .thumb-wrapper .round-div {

border-color:   white;

}



.tc-hot-crumble { margin-top: 0; }





/* SIDEBAR MENU */



.dynamicSubpageWidget {

	margin-top:20px

}



#main-wrapper .dynamicSubpageWidget.widget li a,

#main-wrapper .dynamicSubpageWidget.widget li a:visited  {color: #000; text-decoration:none;}

#main-wrapper .dynamicSubpageWidget.widget li a:hover,

#main-wrapper .dynamicSubpageWidget.widget li a:active {color: rgb(255,202,8); text-decoration:none;}

#main-wrapper .dynamicSubpageWidget.widget li.current-menu-item a {font-weight:bold;}

#main-wrapper .dynamicSubpageWidget.widget li{ line-height: 30px;}

#main-wrapper .dynamicSubpageWidget.widget li:hover {background-color:transparent;}





/* CAROUSEL OPTIONS */



.carousel { margin-bottom: 50px; }



/*Slider size*/

.carousel .item {

line-height: 500px;

overflow: hidden;

min-height: 500px;

}



.carousel-caption {

background: none repeat scroll 0 0 rgba(255,255,255,.9);

display: inline-block;

margin-left: 5%;

max-width: 25%;

position: absolute;

top: 0px;

vertical-align: middle;

}



.carousel-caption .lead, .carousel-caption h1 {

text-shadow: none;

}



.carousel-caption h1 {

line-height: 1.2em;

font-size: 2.1em;

font-weight: bold;

}



.carousel-caption .lead {

font-size: 1.1em;

padding-top: 25px;

line-height: 1.3;

font-weight: 300;

}



.carousel-control {

font-size: 150px;

color: rgb(255,255,255);

font-weight: 300;

text-shadow: none;

opacity: .9;

}





/* Change font-size, alignment as needed  */

footer#footer p, footer#footer a {

padding-top:    10px ;

font-size:      1em ;

text-align:     center;

line-height:    1em ;

min-width: 60%;

}



footer#footer p {

text-align: left;

line-height: 24px;

}



.span4.credits {

width: 40%;

font-size: .85em;

}



.span4.backtop {

width: 20%;

}



/* FONT ADJUSTER */

#text-sizer .widgettitle {

	font-size:1.15em;

	border-top: 10px rgb(254,201,48) solid;

	background-color: #f3f3f3;

	padding: 5px 0;

  	width: 100%;

	max-width: 15em;

  	text-align: center;

  	font-weight: normal;

	margin:0;

	color:#525252;

	line-height: 1.25em;

}



#text-sizer { 

	margin-bottom: -30px;

	position: relative;

  	z-index: 3000;

}



#text-sizer div.textwidget {

	display:none;

	position: absolute;

  	z-index: 10000; 

	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);

  	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);

  	box-shadow: 0 5px 10px rgba(0,0,0,.2);

}



#text-sizer:hover div.textwidget {

 display:block;

}



.textSizeLabel {

	margin: 0 0 10px 15px; 

	font-size: .95em;

}



#font-resize-widget {

	/* background-color: rgb(253,228,170); */

	background-color: rgb(250, 250, 250);

	width: 17.25em;

}



.acc-section { padding: 10px 0 15px 0; }



.acc-section.border-bottom { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}



#font-resize-widget div.sizeChanger {

	display:inline-block;

	margin-left: 15px;

	height: 22px;

	line-height:22px;

    	vertical-align: bottom;

	font-size: 1.5em;

	padding: 5px 10px;

}



div.sizeChanger.active {

	border: 2px rgb(254,201,48) solid;

}



#font-resize-widget div.sizeChanger:hover { cursor:pointer;}



#font-resize-widget div.textSize1 {font-size:1em;}



#font-resize-widget div.textSize2 {font-size:1.5em;}



#font-resize-widget div.textSize3 {font-size:2em;}



div.sizeChanger.accStyle1 {

	background-color: #fff;

	color:#000;

}



div.sizeChanger.accStyle2 {

	background-color: #000;

	color:#ffff33;

}



div.sizeChanger.accStyle3 {

	background-color: #000;

	color:#fff;

}



div.sizeChanger.accStyle4 {

	background-color: #373737;

	color:#ccc;

}





/* FONT ADJUSTER */



/* These are the base sizes for each of the three font sizes */

html.size1 {font-size:14px;}

html.size2 {font-size:18px;}

html.size3 {font-size:22px;}



/* Font rules all need to be in ems */

body, table { font-size:1em; }



h1 {font-size: 2.714em}

h2 {font-size: 2.286em}

h3 {font-size: 1.714em}

h4 {font-size: 1.571em}

h5 {font-size: 1em}

h6 {font-size: 0.857em}





/* Test size 2 */



html.size2 .carousel-caption {padding: 3% 5%; max-width: 40%; overflow-y: auto;}



html.size2 .social-block,

html.size2 .backtop {width:20%}



html.size2 .span4.credits { width: 50%;}



html.size2 .navbar .nav>li>a {padding:5px 10px;}









/* Test size 3 */



html.size3 menu-menu-1-container {font-size: .8em}



html.size3 .carousel-caption {padding: 3%; max-width: 52%; overflow-y: auto;}



html.size3 .social-block,

html.size3 .backtop {width:10%}



html.size3 .span4.credits { width: 60%; }



html.size3 .navbar .nav>li>a {padding:5px 10px;}











/* CONTRAST STYLES */



/* Style 1 -- Default Styles (None Additional Needed) */



/* Style 2 -- Yellow on Black */



html.accStyle2 body,

html.accStyle2 .tc-header,

html.accStyle2 .navbar-wrapper,

html.accStyle2 .navbar-wrapper ul li a,

html.accStyle2 .navbar .nav > li > a, 

html.accStyle2 .navbar .nav > li > a:first-letter, 

html.accStyle2 .navbar .nav > li.current-menu-item > a,

html.accStyle2 .navbar .nav > li.current-menu-ancestor > a,

html.accStyle2 #text-sizer h2,

html.accStyle2 #font-resize-widget,

html.accStyle2 .widget-area,

html.accStyle2 div#footer_one,

html.accStyle2 div#footer_two,

html.accStyle2 div#footer_three,

html.accStyle2 footer#footer .colophon,

html.accStyle2 body.page #breadcrumb-wrapper,

html.accStyle2 .breadcrumb-trail.breadcrumbs,

html.accStyle2 body.page .article-container,

html.accStyle2 body.page #main-wrapper

 	{background-color:#000; background:#000; color: #ffff33;}



html.accStyle2 .widget-front h2 a:link,

html.accStyle2 body.page #breadcrumb-wrapper a:link,

html.accStyle2 footer#footer p, 

html.accStyle2 footer#footer a,

html.accStyle2 footer#footer h3,

html.accStyle2 input[type=submit],

html.accStyle2 p.lead,

html.accStyle2 .carousel-caption h1,

html.accStyle2 #breadcrumb-wrapper a:visited,

html.accStyle2 #main-wrapper .dynamicSubpageWidget.widget li a,

html.accStyle2 #main-wrapper .dynamicSubpageWidget.widget li a:visited,

html.accStyle2 .entry-header h1,

html.accStyle2 .entry-content h2,

html.accStyle2 .entry-content h3,

html.accStyle2 .entry-content h4,

html.accStyle2 .entry-content h5,

html.accStyle2 .entry-content h6,

html.accStyle2 .entry-content a,

html.accStyle2 a

	{color:#ffff33 !important; text-shadow: none;}



html.accStyle2 a:hover,

html.accStyle2 #main-wrapper .dynamicSubpageWidget.widget li a:hover,

html.accStyle2 .navbar-wrapper ul li a:hover,

html.accStyle2 .navbar .nav > li > a:hover

{text-decoration:underline; }



html.accStyle2 .site-logo img { 

	padding: 86px 600px 0px 0px;

	background: url('/wp-content/uploads/2020/08/maryland-school-for-the-blind-logo-white.svg');

	background-repeat:no-repeat;

	background-size:contain;

	width:0px; height: 0px;}



html.accStyle2 #text-sizer h2 {text-shadow: none;}



html.accStyle2 div#footer_one img {background-color: #ffff33;}



html.accStyle2 .carousel-caption {

	background: none repeat scroll 0 0 rgba(0,0,0,0.7);

  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);

	}



html.accStyle2 footer#footer {

	border-color: #fff;

}



html.accStyle2 body.page #breadcrumb-wrapper { 

	border-top: 1px solid #fff;

 	border-bottom: 1px solid #fff;

}









/* Style 2 -- White on Black */



html.accStyle3 body,

html.accStyle3 .tc-header,

html.accStyle3 .navbar-wrapper,

html.accStyle3 .navbar-wrapper ul li a,

html.accStyle3 .navbar .nav > li > a, 

html.accStyle3 .navbar .nav > li > a:first-letter, 

html.accStyle3 .navbar .nav > li.current-menu-item > a,

html.accStyle3 .navbar .nav > li.current-menu-ancestor > a,

html.accStyle3 #text-sizer h2,

html.accStyle3 #font-resize-widget,

html.accStyle3 .widget-area,

html.accStyle3 div#footer_one,

html.accStyle3 div#footer_two,

html.accStyle3 div#footer_three,

html.accStyle3 footer#footer .colophon,

html.accStyle3 body.page #breadcrumb-wrapper,

html.accStyle3 .breadcrumb-trail.breadcrumbs,

html.accStyle3 body.page .article-container,

html.accStyle3 body.page #main-wrapper

 	{background-color:#000; background:#000; color: #fff;}



html.accStyle3 .widget-front h2 a:link,

html.accStyle3 body.page #breadcrumb-wrapper a:link,

html.accStyle3 footer#footer p, 

html.accStyle3 footer#footer a,

html.accStyle3 footer#footer h3,

html.accStyle3 input[type=submit],

html.accStyle3 p.lead,

html.accStyle3 .carousel-caption h1,

html.accStyle3 #breadcrumb-wrapper a:visited,

html.accStyle3 #main-wrapper .dynamicSubpageWidget.widget li a,

html.accStyle3 #main-wrapper .dynamicSubpageWidget.widget li a:visited,

html.accStyle3 .entry-header h1,

html.accStyle3 .entry-content h2,

html.accStyle3 .entry-content h3,

html.accStyle3 .entry-content h4,

html.accStyle3 .entry-content h5,

html.accStyle3 .entry-content h6,

html.accStyle3 .entry-content a,

html.accStyle3 a

	{color:#fff !important; text-shadow: none;}



html.accStyle3 a:hover,

html.accStyle3 #main-wrapper .dynamicSubpageWidget.widget li a:hover,

html.accStyle3 .navbar-wrapper ul li a:hover,

html.accStyle3 .navbar .nav > li > a:hover

{text-decoration:underline; }



html.accStyle3 .site-logo img { 

	padding: 86px 600px 0px 0px;

	background: url('/wp-content/uploads/2020/08/maryland-school-for-the-blind-logo-white.svg');

	background-repeat:no-repeat;

	background-size:contain;

	width:0px; height: 0px;}



html.accStyle3 #text-sizer h2 {text-shadow: none;}



html.accStyle3 div#footer_one img {background-color: #fff;}



html.accStyle3 .carousel-caption {

	background: none repeat scroll 0 0 rgba(0,0,0,0.7);

  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);

	}



html.accStyle3 footer#footer {

	border-color: #fff;

}



html.accStyle3 body.page #breadcrumb-wrapper { 

	border-top: 1px solid #fff;

 	border-bottom: 1px solid #fff;

}









html.accStyle4 body {background-color:#373737; color: #ccc;}





/* HOW DO I STYLE THE IFRAME - A LINK COLOR & FOOTER BACKGROUND COLOR (TO MATCH SITE)?  */

iframe {}







 /* -----  DO NOT ADD ANY NEW STYLES BELOW THE MOBILE STYLES ------ */



/* STEP 6 */

/* RESPONSIVENESS */  



/* Larger Screen */

@media (min-width: 1200px) { 



.fp-one, .fp-two, .fp-three {

margin-left: 15px;

margin-right: 0;

padding-right: 15px;

}



.row-fluid [class*=span].fp-one,

.row-fluid [class*=span].fp-two,

.row-fluid [class*=span].fp-three {margin-left: 15px;}



.carousel-caption .lead {

	font-size: 1.4em;

	padding-top: 25px;

	line-height: 1.65em;

	}



.breadcrumb-trail.breadcrumbs {width:1170px; padding:10px;} 

h1, h2, h3, h4, h5, h6 {line-height: 1.25em; }



}

 





@media (max-width: 979px) { 



.navbar .navbar-inner .nav li {width:100%}





.tc-header .brand   {

width:              auto;

}

.site-logo { width: 90%; margin: 10px auto 0 !important; }



.row-fluid .offset1:first-child { /*.article-container article*/

margin-left:        0; 

}



div#footer_one, div#footer_two, div#footer_three { width: 100%;  padding: 10px 0;}

div#footer_one aside, div#footer_two aside, div#footer_three aside { margin:0  0 0 20px}

div#footer_two #text-3,div#footer_three #text-2 { margin-left: 40px; }

div#footer_one { width: 97.8%; }



.widget-front .round-div {

-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

width: 100%;

height: inherit;

border: 0;

top: 0;

left: 0;

bottom: 0;

right: 0;

}

.widget-front .thumb-wrapper { height: auto; max-width: 350px; width: 90%; }

.widget-front h2 {font-size:1.2em; margin-top:5px}

.thumb-wrapper img {right: 0; top: 0; max-width:100%;}



#main-wrapper {background-color: #fff}

#main-wrapper.container {width:96%;}

.container.marketing {width:96%; text-align:center}



.article-container article {margin-left:10px;}



footer#footer .colophon p {text-align:center;}

.span4.credits, html.size2 .span4.credits, html.size3 .span4.credits {width:100%;}

.span4.backtop, html.size2 .span4.backtop, html.size3 .span4.backtop {width: 75%; }



.carousel .item {

	line-height: 300px;

	min-height: 300px;

	}

.carousel-caption { padding: 2% 4%;   max-width: 40%; }





.carousel-control {top:40%}



.row-fluid #text-sizer.span3 {width:100%; padding-right:0; padding-bottom: 30px;} 

.row-fluid #text-sizer.offset9 { margin-left: 0;}

#text-sizer h2, #font-resize-widget, html.size3 #text-sizer h2, #text-sizer div.textwidget {width:100%; max-width:100%;}

#text-sizer div.textwidget {position:initial;}

html.accStyle2 .site-logo img, html.accStyle3 .site-logo img {background-size: 95%; padding: 12% 50%;}



div#footer_one, div#footer_two, div#footer_three { min-height:initial}



.breadcrumb-trail.breadcrumbs {width:auto; padding:10px;}

h1, h2, h3, h4, h5, h6 {line-height: 1.25em;}

.trail-begin {margin-left:0;}



html.size3 .dropdown-menu>li>a {white-space:initial; line-height: 1em; padding:1.25em; }









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



.navbar .navbar-inner .nav li {width:100%}



body.page #main-wrapper {

background-color: rgb(243, 243, 243);/* Old browsers */

background: #f3f3f3; /* Old browsers */

background: -moz-linear-gradient(left,  #f3f3f3 0%, #f3f3f3 53%, #ffffff 54%, #ffffff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3f3f3), color-stop(53%,#f3f3f3), color-stop(54%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #f3f3f3 0%,#f3f3f3 53%,#ffffff 54%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #f3f3f3 0%,#f3f3f3 53%,#ffffff 54%,#ffffff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #f3f3f3 0%,#f3f3f3 53%,#ffffff 54%,#ffffff 100%); /* IE10+ */

background: linear-gradient(to right,  #f3f3f3 0%,#f3f3f3 53%,#ffffff 54%,#ffffff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ }



#font-resize-widget {padding-left: 2%; width: 98%; }

.navbar-wrapper .navbar {width: 97%; margin-left: 3%;}



.breadcrumb-trail.breadcrumbs {width:auto, padding:10px;}

h1, h2, h3, h4, h5, h6 {line-height: 1.25em;}

.trail-begin {margin-left:0;}









@media (max-width: 768px) { 



.mobile-only {display:block;}



.navbar .navbar-inner .nav li {width:100%}



.fp-one, .fp-two {border:none;}

#main-wrapper.container {width:94%;}

.container.marketing {width:94%; text-align:center}

body.page #main-wrapper { background-color:#fff; }

.tc-sidebar {display:none;}



body.page { background:#fff }





.carousel { margin-bottom: 0; }



.carousel .item {

	line-height: 150px;

	min-height: 150px;

}



.carousel-control {top:30%}



.carousel-caption {display:none;}



.carousel-caption-mobile.mobile-only {

	background-color: #000;

	width:100%;

	padding: 10px 0 20px 0;

	margin-bottom:50px;

}



.carousel-caption-mobile.mobile-only h1, 

.carousel-caption-mobile.mobile-only p.lead {

 	color:#fff !important;

	margin: 10px 20px;

}



html.accStyle2 .carousel-caption-mobile.mobile-only h1,

html.accStyle2 .carousel-caption-mobile.mobile-only p.lead {

 	color:#ffff33 !important;

	text-shadow:none;

}

.carousel-caption-mobile.mobile-only h1 { font-size: 2em; }

.carousel-caption-mobile.mobile-only p.lead { font-size: 1.35em; }



.row-fluid #text-sizer.offset9 {margin-left: 0}

.row-fluid #text-sizer.span3 {width: 100%;}

.site-logo { width: 90%; margin: 10px auto 0 !important; }



/* Tweaking the "round" featured images to display rectangles instead */

.widget-front .round-div {

-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

width: 100%;

height: inherit;

border: 0;

top: 0;

left: 0;

bottom: 0;

right: 0;

}



/* Further tweaking in attempt to reveal full image and move h2 up towards image */

.widget-front .thumb-wrapper {

height: auto;

width: 90%;

}



footer#footer .colophon p {

text-align: center;

font-size: .75em;

}



footer aside {margin-left:0 !important;}



div#footer_one, div#footer_two, div#footer_three {

width: 100%;

padding: 10px 20px; min-height:initial}





div#footer_two ul {

float:none;

width:100%;

margin-left: 20px;

margin-bottom: 0;

}



div#footer_two ul li{

text-align:left;

}



.breadcrumb-trail.breadcrumbs {width:auto; padding:10px;}

h1, h2, h3, h4, h5, h6 {line-height: 1.25em;}

.trail-begin {margin-left:0;} 



}
#fscf_submit2 {
    margin-top: 10px !important;
}
footer#footer .widget-title.email {
    margin-bottom: 0;
}

button.btn.btn-navbar div {display:none;}
a.round-div span {display: none;}
.fancybox-text-left, .fancybox-text-right {display: none;}
#fancybox-close span{display: none;}

.SkipNav {
 /* same color as background */
 text-decoration: none;
 position:absolute;
top: -42px;
 background:#f3f3f3;
color: #525252;
 padding: 5px;
 border-top: 10px rgba(0,0,0,0) solid;
 font-size: 1.15em; 
z-index:9;
    width: 100%;
    max-width: 13em;
text-align:center;
text-transform:uppercase;
margin-left: 3%;
 }


 .SkipNav:active, .SkipNav:focus, .SkipNav:active:hover, .SkipNav:focus:hover  {
 /* Becomes visible & underlined 
 when user tabs to it. 
 :active pseudo-class necessary for IE 
 :focus pseudo-class necessary for Mozilla 
 */
  top:0;
  text-decoration: none;
  border-top: 10px rgb(254,201,48) solid;
  z-index:999;
  outline: 0;
 }

.SkipNav:hover {background: #f3f3f3;    color: #525252;}

.tc-header .brand a.site-logo {
    max-width: 85%;
    margin:0 auto;
}

.row.headlev {
    z-index: 99;
	position: relative;
}
#content{transition:400ms ease}

@media(max-width:979px){
.SkipNav {right:0}
}
@media (min-width:980px) {
.SkipNav {left:0}

}

.fp-one .widget-front:hover h2, .fp-two .widget-front:hover h2, .fp-three .widget-front:hover h2{color:rgb(254,201,48);}


/*Breaking News Bar*/

.newsTitle {
    min-width: 130px;
    width: 18%;
    float: left;
    text-align: center;
    background: rgb(0, 0, 0);
    /*height: 50px;*/
    font-weight: 800;
    letter-spacing: 3px;
}

.newsContent {
    width: 82%;
    float: left;
}
.newsBar {
    width: 100%;
    background: rgba(191, 0, 0, 0.75);
}
.newsBar:after {
    content: '';
    display: block;
    clear: both;
}
.newsBar:hover {
    background: rgba(191, 0, 0, 1);
}

.innerNewsBar {
    width: 90%;
    display: flex;
    margin: 0 auto;
}

.newsContent .textwidget {
    line-height: 50px;
    padding-left: 15px;
    font-weight: 300;
	color:#fff;
}

#news-content .widgettitle {
    display: none;
}

#news-content div p {
    margin: 0;
}

.newsTitle h3:after {}

.newsTitle h3:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 9px;
    background: rgba(191, 0, 0, 1);
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.newsTitle h3 {
    margin: 0;
    text-shadow: none;
    color: #fff;
    font-size: 1em;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.newsBar:hover .newsTitle h3:before, .newsBar:focus .newsTitle h3:before, .newsBar:active .newsTitle h3:before {
    left: 0px;
    right: 3px;
}

#SkipNav+.row.headlev {
    z-index: 999;
}

div#fscf_submit_div2 {
    margin-top: 2em;
}

#fscf_recaptcha2 iframe {
    margin-top: 10px;
}


/*Gravity Forms Customizations*/
#gform_1, #gform_3 {
    max-width: 550px;
	float:left;
}

#field_1_5 li {
    width: auto;
    margin-right: 35px;
}

#field_1_8 .ginput_container.ginput_container_checkbox, #field_1_10 .ginput_container.ginput_container_checkbox{
    border: 1px solid black;
    padding: 5px;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .gfield_radio li label, .gform_wrapper .gfield_checkbox li label {
    font-size: 14px !important;
}
#field_1_7 .gfield_label {
    display: none;
}
.gform_wrapper input[type=text] {
    padding: 6px !important;
    font-size: 14px !important;
    line-height:20px !important;
}
#gform_wrapper_1 .gfield_required {
	color:red
}
#gform_wrapper_2 label {
    display: none;
}
#gform_wrapper_2 .gform_footer {
    margin-top: 0;
}
#gform_wrapper_2 {
    margin: 0;
    z-index:999;
    position:relative;
}
#gform_fields_2 .gfield {
    margin-top: 0;
}

#field_3_7 .gfield_label, #field_3_12 .gfield_label {
    display: none;
}

#gform_3 .ginput_container_radio li {  
    width: auto;
    margin-right: 35px;
}
}