@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

/*
font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

html body {
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: normal;
color: #282828;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}

body#ctl00_PageBody .responsiveTemplate {
opacity: 0;
background: #ffffff; }

.contentWrapper a:hover, #ctl00_ContentPlaceHolder1_divGeneralSearchResult a { 
color: #00f; }

body .inside-padding { max-width: 1300px !important; }

.mainHeader p.ui-description { 
background: #fff; 
font-size: 16px !important;
padding: 10px 0;
}

/* --------------------- GOOGLE TRANSLATE ---------------------- */

#placeholder-CMS_admin_ToolBar { background: #005595 !important; }

li#selectLang { position: relative; }

.pubDropdown {
display: none;
position: absolute;
top: 30px;
right: -5px;
padding: 0;
background: #FFF;
text-align: left;
list-style: none;
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
z-index: 9999;
}


div#google_translate_element {
margin: 10px;
padding: 0 1px;
text-align: left;
display: block;
width: 171px;
height: 23px;
overflow: hidden;
}

.goog-te-gadget .goog-te-combo {
width: 100%;
margin: 0 !Important;
background: #fff !important;
border: 1px solid #fff !important;
padding: 8px !important;
border-radius: 4px !important;
font-size: 1rem !important;
line-height: 2rem !important;
display: inline-block;
cursor: pointer;
zoom: 1;
}

.goog-logo-link { display: none; }

/* --------------------- CUSTOM GOOGLE SEARCH ---------------------- */

.gsc-input {
height: 35px;
line-height: 30px;
padding: 0 !important;
position: relative;
}

.gsst_a .gscb_a { display: none !important; }
.gsib_a { width: 90% !important; }

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: transparent !important; }

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
background: #FFF !important;
width: 50px !important;
height: 41px;
padding: 0 !important;
position: relative;
top: 0;
right: 0;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
}

.gsc-search-button-v2 svg {
fill: #000 !important;
border: none !important;
width: 22px;
height: 22px !important;
position: relative;
top: 0px;
padding: 0 !important;
margin-left: 0 !important;
background: transparent !important; }

.gsc-search-button-v2:hover, .gsc-search-button-v2:focus { background: #094682 !important; }
.gsc-search-button-v2:hover svg { fill: #fff !important; }

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
box-shadow: none !important; }

/* Search Results Page */

.cse form.gsc-search-box, form.gsc-search-box {
background: none !important;
border: none !important;
box-shadow: none !important;
margin-top: 15px !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page { font-size: 18px; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { 
background-color: transparent !important; }
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { 
color: #585858 !important; }
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { box-shadow: none !important; }

#searchContainer table.gsc-search-box {
margin: 0 !important;
border: solid 1px #e8e8e8 !important; }

#searchContainer .cse .gsc-search-button-v2, #searchContainer .gsc-search-button-v2 { 
background: #094682 !important; }
#searchContainer .gsc-search-button-v2 svg { fill: #FFF !important; }


/* --------------------- HEADER  ---------------------- */

#header { 
background-color: #005595; 
}

#header > .inside-padding {
display: table;
width: 100%; 
padding: 10px !important;
}

#header-left {
width: 35%;
display: table-cell;
vertical-align: middle; }

#header-right {
width: 65%;
display: table-cell;
vertical-align: middle;
text-align: right;
}

.header-logo {
display: table; 
position: relative;
}

.header-logo img {
width: 500px;
height: auto;
max-width: 100%;
max-height: 100%;
}

.schoolName { 
display: table-cell; 
vertical-align: middle;
}

.schoolName h1 {
font-size: 30px;
color: #000000;
font-weight: 700;
letter-spacing: 1px;
}

.schoolName h1 span {
font-size: 80%;
font-weight: 400;
display: block;
}

ul#header-links { 
padding: 0; 
margin: 10px 0;
list-style: none; }

ul#header-links li {
margin: 0 8px;
display: inline-block;
vertical-align: middle;
}

ul#header-links li a {
font-size: 16px;
color: #fff;
text-decoration: underline; }

ul#header-links li a:hover, ul#header-links li a:focus {
text-decoration: none; }

ul#header-links ul.pubDropdown li {
margin: 0;
padding: 0;
width: 100%;
border-bottom: solid 1px #e8e8e8;
}

ul#header-links ul.pubDropdown li:last-child {
border-bottom: none; }

ul#header-links ul.pubDropdown li a {
color: #005595;
font-weigh: bold;
text-align: center;
text-decoration: none;
padding: 10px;
display: block;
}

ul#header-links ul.pubDropdown li a:hover, ul#header-links ul.pubDropdown li a:focus {
background: #005595;
color: #FFF;
}

/* --------------------- MENUBAR  ---------------------- */

.ContextBar, a.ContextBar, a.ContextBar:hover {
color: #ffffff;
font-size: 17px;
font-weight: 400;
line-height: 45px;
}

#menubar { 
float: right; }

#menubar .inside-padding { padding: 0; }

#menubar .RadMenu .search-box {
position: relative;
top: 5px;
right: 0;
width: 40px;
display: inline-block; }

#menubar .RadMenu .search-box a { 
display: block; 
line-height: 50px;
text-align: center;
}

#menubar .RadMenu .search-box a#search-button:after {
font-family: FontAwesome;
font-size: 24px;
line-height: normal;
content: "\f002";
}

#menubar .RadMenu .search-box a#search-button:hover:after, #menubar .RadMenu .search-box a#search-button:focus:after {
color: #A2B44E;
}

#menubar .RadMenu .search-box a#search-button .rmText{
display: none;
}

#searchPanel { 
float: right;
width: 415px;
position: relative;
display: block; }

#searchPanel .inside-padding { padding: 0 !important; }

#searchPanel input.SearchTerm {
background: #FFF;
border: none;
height: 35px;
line-height: 35px;
padding: 0px 10px 0px 10px;
width: 390px;
color: #000;
letter-spacing: 0.04em;
font-size: 14px;
font-weight: 300;
outline: none;
}
#searchPanel input.SearchTerm:hover,
#searchPanel input.SearchTerm:focus { color: #000; }

.divSearchBox { padding: 0px; }

#searchPanel a {
color: #000;
font-size: 16px;
position: absolute;
padding: 8px 13px 9px;
top: 0;
right: 0;
transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
overflow: hidden;
width: 42px;
box-sizing: border-box;
}

#searchPanel a span {
position: absolute;
left: -900px;
}

#searchPanel a img { display: none; }

#searchPanel a:hover, #searchPanel a:focus {
background: #094682;
color: #ffffff;
text-decoration: none;
}

/* --------------------- FOOTER  ---------------------- */


#footer {
background-color: #005595; 
color: #fff;
overflow: hidden;
}

#footer > .inside-padding {
padding: 50px 10px 30px 10px !important;
box-sizing: border-box; 
position: relative;
display: table;
width: 100%;
overflow: hidden;
}

#footer > .inside-padding:after {
content: '';
display: block;
clear: both;
background: url('/UserFiles/Servers/Server_16555295/Templates/images/NMISD-logo-footer.png') no-repeat;
background-position: center left;
background-size: contain;
width: 350px;
height: 350px;
position: absolute;
top: 20px;
left: 0px; }

a.footer-logo img {
width: 100%;
height: auto;
}

a.footer-logo {
width: 30%;
padding: 0 10px 0 0;
display: table-cell;
vertical-align: top;
text-decoration: none !important; }

.address span {
font-size: 15px;
color: #fff;
font-weight: 450;
display: block;
}

.phone span {
font-size: 15px;
color: #fff;
font-weight: 450;
display: inline-block;
margin-top: 5px;
}

.phone span:nth-child(2) {
margin-left: 5px;
}

.disclaimer {
width: 25%;
padding: 0 0 0 20px;
display: table-cell;
vertical-align: top;
}

.footer-links {
width: 30%;
padding: 0 15px;
display: table-cell;
vertical-align: top;
}

.socialWrapper {
width: 15%;
padding: 0;
display: table-cell;
vertical-align: top;
}

.disclaimer p { 
font-size: 14px; 
line-height: 23px;
}

.footer-links ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

.footer-links ul li { margin-bottom: 18px; }

.footer-links ul li a {
color: #fff;
text-decoration: underline; }

.footer-links ul li a:hover, .footer-links ul li a:focus {
text-decoration: none; }

.footer-links ul, #footer ul.socialMedia {
list-style: none;
padding: 0;
margin: 0;
}

#footer ul.socialMedia {
text-align: right;  
}

#footer ul.socialMedia li {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-bottom: 5px;
}

ul.socialMedia li.icn a {
margin: 0;
padding: 10px 0;
font-size: 28px;
text-decoration: none; 
width: 40px;
line-height: 20px;
text-align: center;
border: solid 1px #fff;
background: #000; 
color: #ffffff; 
transition: all .1s ease-in-out; 
}

ul.socialMedia li.icn a:hover, ul.socialMedia li.icn a:focus { 
background: #4294a2; }

#loginPanel { padding: 20px 15px 0 15px; }
#loginPanel a { font-size: 16px; color: #fff; text-decoration: underline; }
#loginPanel a:hover, #loginPanel a:focus { color: #fff; text-decoration: none; }

/* Back to top */

a#Btop {
position: fixed;
right: 20px;
bottom: -50px;
background: #000;
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #fff;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
transition: all 400ms ease;
z-index: 8000;
}

a#Btop:hover, a#Btop:focus {
background: #5C1463;
text-decoration: none;
color: #fff;
}

a#Btop.show {
bottom: 20px !important; }

/* --------------------- SEARCH PAGE ---------------------- */

input#ctl00_ContentPlaceHolder1_txtGeneralSearch {
width: 350px !important;
height: 30px !important;
padding: 0 5px !important; }

#ctl00_ContentPlaceHolder1_btnSearch, #ctl00_ContentPlaceHolder1_btnViewAll {
background: #5C1463;
color: #fff;
font-size: 15px;
padding: 10px 20px;
}


/* --------------------- MEDIA QUERIES  ---------------------- */


@media screen and (max-width: 1030px) {

#header > .inside-padding, #header-left, #header-right, .header-logo {
width: auto;
margin: 0 auto;
text-align: center;
display: block; }

#searchPanel { 
float: none;
margin: 10px auto;
padding: 0; 
display: block !important; }

#searchPanel input.SearchTerm {
width: 94%;
max-width: 100%;
margin: auto;
padding: 0 10px;
display: block !important; }

#mobile-bar { display: block !important; }
.RadMenu { display: none !important; }

}

@media screen and (max-width: 900px) {

#header { z-index: auto !important; }

}

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

#footer > .inside-padding { display: block; }

#footer-left, #footer-right,
#footer a.footer-logo, .footer-logo img  {
display: block; 
text-align: center;
margin: auto; 
width: 100%;  }

.disclaimer, .footer-links, .socialWrapper {
width: 100%;
text-align: center;
display: block;
margin: auto;
padding: 10px; }

#footer ul.socialMedia { text-align: center; }

}

@media screen and (max-width: 400px) {
#searchPanel { width: 90%; }
}


#footer ul.socialMedia li:empty {
    display: none;
}

#footer ul.socialMedia {
    text-align: left;
}

#loginPanel {
    padding-left: 7px;
}

@media screen and (max-width: 768px) {
    #footer ul.socialMedia {
    text-align: center;
}
    #loginPanel {
    padding: 10px;
}
}