/**
 * @file
 * Subtheme specific CSS.
 */

@font-face {
    font-family: 'multicolore_regular';
    src: url('multicolore-webfont.eot');
    src: url('multicolore-webfont.eot?#iefix') format('embedded-opentype'),
         url('multicolore-webfont.woff') format('woff'),
         url('multicolore-webfont.ttf') format('truetype'),
         url('multicolore-webfont.svg#multicolore_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_lightregular';
    src: url('helvetica-light-webfont.eot');
    src: url('helvetica-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('helvetica-light-webfont.woff') format('woff'),
         url('helvetica-light-webfont.ttf') format('truetype'),
         url('helvetica-light-webfont.svg#helvetica_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

input:focus{
  outline-width:0;
}

html{
  font-size:100%;
  font-family: 'helvetica_lightregular', Helvetica;
  height:100%;
}

body{
  background:#ececec;
  color:#747b80;
  height:100%;
}

body.cke_show_borders{
  background:#fff;
}

a{text-decoration:none;color:#d62c6c}
a:active,a:hover,a.active,a.active-trail{
  text-decoration:underline;
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#333333;font-family:helvetica;font-weight:bold;}

h1.title {
  margin-left:32px;
}
h2{line-height:1.4em;margin:24px 0 12px 0;}
h3{line-height:1.4em;margin:12px 0 12px 0;}

p{margin:12px 0;}

ul {
  margin: 0.8em 0;
}

sub, sup{
  vertical-align:0;
  position:relative
}

sup { bottom: 1ex; }
sub { top: 0.8ex; }

.grayline{
  border-top:1px #ececec solid;
  text-align:justify;
}

#page{
  min-height:100%;
  background:#fff;
  box-shadow: 0px 0px 5px rgba(140, 140, 140, 0.5);
  width:980px;
  margin-left: auto;
  margin-right: auto;
}

#navbar-main,
#main-wrapper{
  background:#fff
}

ol.breadcrumb li.breadcrumb-item:first-child{
  display: none;
}

#navbar-top{
  height: 135px;
  background: #333;
  position:relative;
}
article #navbar-top{background: transparent;height:auto}
article .node-readmore {
	float:right;
}

#cowAd {
  position:absolute;
  right:-220px;
  top:20px;
}

article.node-teaser{

}
article.node-teaser .node-title{
	font-size:1.3em;
}

.page-node-3184 #page-title{
  width:472px;
}

.page-node-3288 #page-title,
.page-node-3289 #page-title{
  font-style:italic;
}

.section-buttons{
  display:inline-block;
  text-align:center;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-family: 'multicolore_regular', 'helvetica_lightregular', helvetica;
  padding: 2px 8px;
}
.section-buttons a{color:white;display:block;padding:15px 0;font-size:0.9em}

.yellow{background:#ecb91d}
.forest{background:#7e872f}
.turquoise{background:#46b9c4}
.red{background:#ec4c3b}
.pink{background:#d62c6c}

#logo{
  padding: 48px 0 30px 25px
}

#block-sas-languageswitcher{
  position:absolute;
  top: 8px;
  right:130px;
}

#block-sas-languageswitcher {display:inline}
#block-sas-languageswitcher a{text-decoration:none;color:white}
#block-sas-languageswitcher span.is-active{display:none}
#block-sas-languageswitcher a:hover{text-decoration:underline}

#search-form{
}

.page-search #content{
	padding:24px;
}

.page-search #content .search-info,.page-search .form-item-type{
	display:none;
}

.page-search .form-submit{
  background: #46b9c4;
  color:white;
  padding: 2px 16px 4px 16px;
  border:0;
  font-family: 'multicolore_regular', 'helvetica_lightregular', helvetica;
}

#search-block-form{
  position:relative;
  top:8px;
  right:36px;
}
.menu__item a{
  font-size:0.9em;
  font-family: 'multicolore_regular', 'helvetica_lightregular', helvetica;
}

#search-block-form{margin:0}
#search-block-form .form-submit{display:none}
#search-block-form #edit-search-block-form--2{
  padding:5px;
  height:27px;
  width:145px;
  box-sizing:border-box;
  font-size:0.9em;
}

/** MAIN NAVIGATION **/
#navbar-main {
  padding: 0;
  z-index: 1000; /* keep it above content */
}

#navbar-main nav.block-menu {
  position: absolute;
  top: 0;
  width: 100%;
  height: 3em;
  margin: 0 auto;
  padding: 0 10px;
}
/* main UL */
#navbar-main > nav.block-menu > ul.nav {
  display: flex;
  justify-content: center; /* center the items horizontally */
  padding: 0;
  margin: 0 auto 32px;      /* center the whole UL */
  list-style: none;         /* prevent bullets if any */
}


/* top-level LIs */
#navbar-main ul.nav > li.nav-item {
  position: relative;
  width: 284px;
  margin: 0 15px;
  padding: 0 10px;
  box-sizing: border-box;
  background: #d62c6c; /* default top-level color */
}

/* top-level individual colors using nth-child */
#navbar-main ul.nav > li.nav-item:nth-child(1) { background: #003366; }
#navbar-main ul.nav > li.nav-item:nth-child(2) { background: #d62c6c; }
#navbar-main ul.nav > li.nav-item:nth-child(3) { background: #46b9c4; }

/* top-level links */
#navbar-main ul.nav > li.nav-item > a.nav-link {
  display: inline-block;
  width: 100%;
  height: 42px;
  text-align: center;
  color: white;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

/* second-level UL */
#navbar-main ul.nav li.menu-item--expanded > ul.menu {
  display: none; /* hide by default */
  top: 100%;
  left: 0;
  list-style: none;
  padding: 0 0 12px;
  margin: 0;
  width: 100%;
  background: inherit; /* inherit parent background */
}

#navbar-main ul.nav li.menu-item--expanded:hover > ul.menu {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  padding: 0 0 12px;
  margin: 0;
  width: 100%;
  background: inherit; /* inherit parent background */
}

/* second-level LIs */
#navbar-main ul.nav li.menu-item--expanded > ul.menu > li.nav-item {
  padding: 4px 10px;
  background: inherit;
}
#navbar-main ul.nav li.menu-item--expanded > ul.menu > li.nav-item:hover {
  background: rgba(100, 100, 100, 0.2);
  position: relative;
  top:1px;
  right:1px;
}

/* second-level links */
#navbar-main ul.nav li.menu-item--expanded > ul.menu > li.nav-item > a.nav-link {
  display: block;
  width: 100%;
  height: auto;
  font-size: 0.9em;
  font-weight: normal;
  text-align: left;
  color: white;
  text-decoration: none;
}

/* show submenu on hover */
#navbar-main ul.nav > li.nav-item.menu-item--expanded:hover > ul.menu {
  display: block;
  z-index: 9999; /* make sure it sits on top */
}

/* prevent deeper levels showing */
#navbar-main ul.nav ul.menu ul {
  display: none;
}


/** MAIN CONTENT **/
#main {
  width:980px;
  margin-top: 72px;
  background:#fff;
}

#main,
.region-top-header {
  position: relative;
}

#content{padding:0;}

.path-frontpage article{padding:0}

article ul{
  list-style: none;
  padding: 0 0.8em;
}
article ul li {
  text-indent:-1em;
  margin-left: 1em;
}

article ul li:before {
  content:"• ";
  font-size:1.2em;
}

article li .popup-element {
  text-indent: 0em;
}

article ul.red-bullets li:before {
  color: #ec4c3b;/* or whatever color you prefer */
}

article ul.forest-bullets li:before {
  color: #7e872f;/* or whatever color you prefer */
}

article ul.yellow-bullets li:before {
  color: #ecb91d/* or whatever color you prefer */
}

article ul.pink-bullets li:before {
  color: #d62c6c;/* or whatever color you prefer */
}

article ul.turquoise-bullets li:before {
  color: #46b9c4;/* or whatever color you prefer */
}

#content #page-title{margin-left:32px;color:#333333}

/** FRONT PAGE STUFF **/
.path-frontpage #content .title{display:none}
#content .col{
  border-top:#46b9c4 4px solid;
  width:30%;
  display:inline-block;
  vertical-align:top;}

#content .three-columns{
  margin:0 30px;
}
#content .three-columns h3{
  margin:16px 0 14px 0;
}

#content .three-columns .col{
  border-top:#46b9c4 4px solid;
  width:250px;
  display:inline-block;
  vertical-align:top;
  text-align:center;
  margin:0px 80px;}
#content .three-columns .col:first-child{text-align:left;  margin:0px}
#content .three-columns .col:last-child{text-align:right;  margin:0px}

#content .three-columns .col h3 a{
  text-decoration:none;
  font-family: Helvetica Bold, Helvetica;
  font-weight:bold;
  font-size:1.3em;}

#content .three-columns .col a:hover{
	text-decoration:underline;
}

#content .three-columns .col p{
  font-size:0.8em;
  line-height:1.2em;}

.path-frontpage .grayline{
  border-top:1px #ececec solid;
  padding:15px 0;
  font-size:0.8em;
  line-height:1.2em;
  margin-left:30px;
  margin-right:30px;
}


.saying-it,.sample,.sound-bite,.scenarios,.reflection{
  color:white;
  padding:14px 8px 8px 35px;
  margin-bottom:8px;
  position:relative;
  left:-35px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:auto;
}

.scenarios .question{
  color: #FFFFFF;
  font-weight: 700;
  padding-left:0;
}

article article .saying-it,.sample,.sound-bite,.scenarios,.reflection{
  padding:14px 8px 8px 43px;
}

.scenarios a{
  color:#FFFFFF;
  font-weight: 700;
}

.saying-it a{
  color:#ecb91d
}

.saying-it{background:black;}
.sample{background:black;}
.sound-bite{background:black}
.scenarios{background:#333;}
.reflection{background:#333;}


.menu-pagination {
  width:100%;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  height:40px;
  text-align:center;
  margin:0px 0 30px 0;
}

.cmp {
  position:relative;
  background:#333;
  height:40px;
  width:70%;
  margin: 0 auto;
  text-align:left;
  top:-13px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
 }
 
 .cmp a{
  display:inline-block;
  color:white;
  padding: 8px
 }
 
 .leftTri{
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 15px 20px 0;
  border-color: transparent #333333 transparent transparent;
  left: 5px
}

 .rightTri{
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 15px;
  border-color: transparent transparent transparent #333333;
  right: 5px
}

.leftTri,.rightTri,.cmp{
  display:inline-block;
  position: relative;
}

/** Sidebar Menu Colors & Spacing **/
#sidebar_second {
  margin-top: 58px;
}

#sidebar_second .block-menu.navigation{
  border:0;
}

/* Hide block heading */
#sidebar_second .block-menu.navigation h2 {
  display: none;
}

/* Reset lists */
#sidebar_second .block-menu.navigation ul.nav,
#sidebar_second .block-menu.navigation ul.nav ul.menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Top-level items */
#sidebar_second .block-menu.navigation > ul.nav > li.nav-item {
  margin-bottom: 20px; /* space between blocks */
}

/* Second-level links (the visible links) */
#sidebar_second .block-menu.navigation ul.nav > li.nav-item > a.nav-link {
  display: block;
  padding: 20px 10px 20px;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 1.2em;
  text-decoration: none;
  color: white;       /* force link color */
  background: #ec4c3b; /* fallback background */
  width: 178px;
  box-sizing: border-box;
  min-height: 70px;
  margin: 0 0 10px 0;
  border-radius: 2px;
  text-transform: uppercase;
}
#sidebar_second .block-menu.navigation ul.nav > li.nav-item.active a{
  width:220px
}


/* Hover effect for second-level links */
#sidebar_second .block-menu.navigation ul.nav > li.nav-item > a.nav-link:hover {
  text-decoration: underline;
}

#sidebar_second .block-menu.navigation ul.nav li ul li a {
  background:transparent;
  padding: 5px 0 5px 10px;
  font-size:0.85em;
  height:auto !important;
  min-height:0px;
  line-height:1.1em;
  color:#333;
  text-transform:uppercase
}

/* Top-level menu colors using nth-child for second-level links */
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(1) > a { background:#2b7782; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(2) > a { background:#1d2a5a; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(3) > a { background:#5e6527; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(4) > a { background:#d62c6c; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(5) > a { background:#2b7782; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(6) > a { background:#1d2a5a; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(7) > a { background:#841350; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(8) > a { background:#d62c6c; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(9) > a { background:#2b7782; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(10) > a { background:#1d2a5a; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(11) > a { background:#841350; }
#sidebar_second .block-menu.navigation ul.nav > li.nav-item:nth-child(12) > a { background:#d62c6c; }

/* Hide 3rd-level and deeper menus */
#sidebar_second .block-menu.navigation ul.nav ul.menu ul.menu {
  display: none;
}


/** CONTENT AND STUFF **/
article{padding: 35px 35px 35px;}
.tps{
  color:#333;
  text-align:right;
  padding:14px 8px 8px 35px;
  margin-bottom:8px;
  position:relative;
  left:-35px;
  width:728px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.tpsl{
  float:right;
  color:white;
  width:auto;
  padding: 4px 16px;
  font-family:'multicolore_regular', 'helvetica_lightregular', helvetica;
  box-sizing:border-box;
  position:relative;
  top:15px;
  z-index:10;
}


.tpsl:before {
    content:"\A";
    border-style: solid;
	border-width: 6px 0 6px 12px;
	border-color: transparent transparent transparent #d62c6d;
    position: absolute;
    top:11px;
    left: -10px;
}
.tpsl.closed:before {
  border-width: 6px 0 6px 12px;
  border-color: transparent transparent transparent #d62c6d;
}

.tpsl.open:before {
  border-width: 12px 6px 0 6px;
  border-color: #d62c6d transparent transparent transparent;
}

.details{width:100%;opacity:0;padding:8px;margin:0;text-align:left;}
.question{
  cursor:pointer;
  color:#333;
  padding: 8px 0 8px 25px;
  font-weight:bold;
  position:relative;
}
article .fieldset-wrapper{display:none;padding:8px;}

.faqt,.wst{
  display:inline-block;
  margin:0 6px;
  position:absolute;
  left:0px;
  top:13px;
}
.wst{
  left:-4px;
}

.worksheet_item{
	border-bottom:1px solid #eaeaea;
	margin-bottom:16px;
	padding-bottom:8px;
}


.faqt {
  top:27px;
}

.faqt.closed,.wst.closed{
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 0 6px 12px;
border-color: transparent transparent transparent #46b9c4;

}
.faqt.open,.wst.open{
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 12px 6px 0 6px;
  border-color: #46b9c4 transparent transparent transparent;
}

.rla {
  float:left;
  width: 0px;
  margin: 6px 4px 0 0;
  height: 0px;
  border-style: solid;
  border-width: 6px 0 6px 12px;
  border-color: transparent transparent transparent #ecb91d;
}

/** SUB CONTENT **/
article article{
  padding: 35px 0 0 0;
  border-top: 1px #ececec solid;
}
article article.node-teaser{
  height: 280px;
  overflow-y:hidden;
  position:relative;
}
article article .fadeOut{
  position:absolute;
  bottom:0;
  width:100%;
  height:120px;
  z-index:100;
  background: url(/sites/all/themes/safeatschool/images/fadeout.png) repeat-x;
}

article article .moreButton{
  position:absolute;
  right:60px;
  bottom:20px;
  background: #46b9c4;
  color:white;
  padding: 6px 16px;
  font-family: 'multicolore_regular', 'helvetica_lightregular', helvetica;
  z-index:101
}
article article .moreButton:hover{
  text-decoration:none;
}

/** search auto complete UI widget results drop down**/
.ui-autocomplete {
	
}

#ui-active-menuitem{
  
}

/** FOOTER **/
footer.site-footer{
  height:105px;
  box-sizing:border-box;
  background:#000;
  font-family: 'helvetica_lightregular', Helvetica;
  position:relative;
  color:#fff;
  padding:0;
}
footer .region-footer {
  width: 100%;
}

footer.site-footer #block-safeatschool-menu-secondary-menu{
  position:absolute;
  top:0px;
  left:0px;
  margin: 0;
  padding:0;
  border:0;
  z-index: 1000
}



footer #block-safeatschool-menu-secondary-menu .block-title{display:none}

footer #block-safeatschool-menu-secondary-menu ul{
	padding: 0 0 0 21px;
}
footer #block-safeatschool-menu-secondary-menu ul li{
  display:inline;
}

footer #block-safeatschool-menu-secondary-menu ul li a.nav-link{
  color:white;
  padding:2px 10px;  
  font-family:'helvetica_lightregular', Helvetica;
}

footer.site-footer #block-safeatschool-block-13,
footer.site-footer #block-safeatschool-block-14{
  position: absolute;
  top:0;
  margin:0;
  padding:10px 19px 0 0;
  width:100%;
  text-align:right;
  font-size:0.75em;
  line-height:1.2em;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  border:0;
}

.one-third {
  width:29.9%
}

/** Accessiblity Overrides added  March 24th, 2021 **/
#navbar-main ul li:first-child {
  background: #1d2a5a;
}

#navbar-main ul li:last-child {
  background: #2b7782;
}

body,
p, 
.grayline {
  color: #000;
}

footer,
footer p,
footer .grayline {
  background: #000;
  color: #FFF;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(1) a{
  background:#2b7782;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(1) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(2) a{
  background:#1d2a5a;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(2) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(3) a{
  background:#5e6527;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(3) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(4) a{
  background:#d62c6c;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(4) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(5) a{
  background:#2b7782;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(5) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(6) a{
  background:#1d2a5a;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(6) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(7) a{
  background:#841350;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(7) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(8) a{
  background:#d62c6c;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(8) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(9) a{
  background:#2b7782;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(9) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(10) a{
  background:#1d2a5a;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(10) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(11) a{
  background:#841350;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(11) ul li a{color:#333;background:transparent;}
.sidebars .block-menu-block ul.nav ul li:nth-child(12) a{
  background:#d62c6c;
}
.sidebars .block-menu-block ul.nav ul li:nth-child(12) ul li a{color:#333;background:transparent;}

.element-invisible {
  background: black;
  color: white; 
}

.section-buttons.yellow {
  background: #1d2a5a;
}

.section-buttons.red {
  background: #841350;
}

.section-buttons.forest {
  background: #5e6527;
}

.section-buttons.turquoise {
  background: #2b7782;
}