/* lowest common denominator */
* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}h1,h2,h3,h4,h5,h6{clear:both}html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}del{color:#333}ins{background:#fff9c0;text-decoration:none}hr{background-color:#dfdfdf;border:0;height:0px;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}small{font-size:smaller}img{border:0;-ms-interpolation-mode:bicubic}

/* frequently used classes */
.clearbreak {clear:both;font-size:0px;line-height:0px;height:0px;}
.five {padding-bottom:5px;}
.ten {padding-bottom:10px}
.fifteen {padding-bottom:15px;}
.twenty {padding-bottom:20px}
.thirty {padding-bottom:30px;}
.forty {padding-bottom:40px;}
.fifty {padding-bottom:50px}
.sixty {padding-bottom:60px}
.seventy {padding-bottom:70px}
.eighty {padding-bottom:80px}
.ninety {padding-bottom:90px}
.hundred {padding-bottom:100px}
.left {float:left}
.right {float:right}
strong {font-weight:bold;}
em { font-style:italic }


@media only screen and (min-width:1200px) {
.container { width:1180px !important /* override grid to 1180px wide */ }
}
.nopadding { padding: 0 !important; margin: 0 !important; }
.nopadding_right { padding-right:0 !important }


/* DEFINE FONTS HERE */
body { font-family: ProximaNova-Regular !important; line-height:normal !important; background:#ecedee !important }
h1 { font-family: ProximaNova-Bold !important; font-size:36px !important; margin:15px 0 !important; font-weight:normal !important; color:#333 !important; letter-spacing:-1px; line-height:38px }
h2 { font-family: ProximaNova-Bold !important; font-size:27px !important; color: #115788; font-weight: normal; letter-spacing: -1px; margin-bottom:10px; padding-top:5px; line-height:30px }
h3 { font-family: ProximaNova-Bold !important; font-size:23px !important; color: #115788; font-weight: normal; margin:25px 0 10px 0; }
h4 { font-family: ProximaNovaCond-Semibold !important; font-size:23px !important; color: #115788; font-weight: normal; margin:25px 0 10px 0; }
.main_text  { font-family: ProximaNova-Regular; font-size:19px; line-height:26px }
.main_text p { margin-bottom:15px }
.main_text img { max-width:100% !important; height:auto !important }
.main_text a { text-decoration:underline !important; }
.main_text a:visited { color:#286DA5; text-decoration:none }
.main_text a:hover { color:#AF1E2D !important; text-decoration:none !important }
.main_text ul,
.main_text ol { margin:20px 0 20px 0 }
.main_text ul li { list-style-type:disc; margin:0 0 0 30px; padding-left:0px; }
.main_text ol li { list-style-type:decimal; margin:0 0 0 30px; padding-left:0px; }
.main_text table { margin-bottom:10px; max-width:798px !important; background:#fff }
.main_text .wp-caption { max-width:100% !important }
.main_text .wp-caption-text { font-style: italic; margin-top: 10px; margin-bottom: 35px; }



.default_cursor { cursor:default !important }
.center_align { text-align:center }
.header_image_bottom_line { width:100%; height:13px; background:#c5e5e2 }
img.alignright { float:right; margin-right:0px; margin-bottom:18px; margin-left:15px; margin-top:20px; }
img.alignleft { float:left; margin-left:0px; margin-bottom:18px; margin-right:15px; margin-top:20px }
img.alignnone { float:none }
.aligncenter { display:block; margin:20px auto; }
.alignleft { float:left; text-align:left; margin-right:25px; margin-bottom:10px;  }
.alignright { float:right; text-align:right; margin-left:25px; margin-bottom:10px }


.proxima_bold  { font-family: ProximaNova-Bold; }
.proxima_cond { font-family:ProximaNovaCond-Regular; }
.proxima_semibold { font-family:ProximaNova-Semibold }
.script_font { font-family:'Yellowtail', cursive, sans-serif; font-size:40px; color:#fefefe }


.four_button_full_width { background:#83929F }
.coloured_btn { text-align:center; color:#fefefe; font-family: ProximaNova-Semibold; padding:10px 0; font-size:25px;
-webkit-transition:all 0.2s ease-in;
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in; }
.yellow_btn { background:rgba(230,176,18,1.0); }
.yellow_btn:hover { background:rgba(230,176,18,0.8); }
.orange_btn { background:rgba(237,110,0,1.0); }
.orange_btn:hover { background:rgba(237,110,0,0.8); }
.red_btn { background:rgba(176,28,46,1.0); }
.red_btn:hover { background:rgba(176,28,46,0.8); }
.purple_btn { background:rgba(97,23,89,1.0); }
.purple_btn:hover { background:rgba(97,23,89,0.8); }


.orange a { background:#FF5C00 !important; color:#fff !important }
.yellow a,
.gold a { background:#EEAF0F !important; color:#fff !important }
.red a { background:#AF1E2D !important; color:#fff !important }
.purple a { background:#681E5B !important; color:#fff !important }
.brown a { background:#633A11 !important; color:#fff !important }
.blue a { background:#286DA5 !important; color:#fff !important }
.green a { background:#8DC449 !important; color:#fff !important }



.info_box { height:385px; /* height of home boxes specified here */ background:#fff; padding:20px 25px; position:relative; overflow:hidden }
.info_box .entry_each { margin-bottom:15px; }
.info_box .entry_each a,
.info_box .entry_each a:visited { text-decoration:none !important }
.info_box .entry_each a:hover { text-decoration:none !important; }



.district_hilights .infscr_wrap p,
.announcements .infscr_wrap p { display:inline }
.district_hilights .snippet_break { display:block; margin-bottom:0 }
.announcements .snippet_break { display:block; margin-bottom:12px }

.district_hilights #art ul { padding-left:30px; list-style:none; }
.district_hilights #art li:before { font-family: 'FontAwesome' !important; content: '\f111' !important; margin:6px 0 0 -24px !important; float:left;  color:#8DC449 }
.district_hilights .snippet_break { padding-bottom:30px !important }



.mini_slider .more_bottom_right { position:absolute; right:12px; bottom:0; background:none; color:#286DA5 }
.mini_slider .more_bottom_right:hover { background:none; text-decoration:underline; color:#286DA5 }
.mini_slider_content { width:76%; margin:15px auto 0 }
.mini_slider_content a { display:inline-block }
.mini_slider_image { width:100%; height:175px; }
.mini_slider { margin-top:20px }
.mini_slider .unslider { height:300px }
.mini_slider .unslider { height:420px; /* height of home boxes specified here */ background:#fff; overflow:hidden }
.mini_slider .unslider-horizontal { background:#fff }
.mini_slider h4 { margin:0 0 10px 0 }
.mini_slider a.next:after { padding:0px 7px 2px; margin-right:-5px; font-size:35px !important;
-webkit-transition:all 0.2s ease-in;
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in; }
.mini_slider a.next:hover:after { background:#EEAF0F !important }
.mini_slider a.prev:before { padding:0px 7px 2px; margin-left:-5px; font-size:35px !important;
-webkit-transition:all 0.2s ease-in;
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in; }
.mini_slider a.prev:hover:before { background:#EEAF0F !important }
.mini_slider .unslider a.unslider-arrow.prev:before { background:#83929F }
.mini_slider .unslider a.unslider-arrow.next:after { background:#83929F }
.mini_slider .unslider a.unslider-arrow.prev,
.mini_slider .unslider a.unslider-arrow.next { width:auto !important; margin-bottom:inherit !important; margin-top:inherit !important; position:absolute !important; bottom:140px }

/* Home */
.home .container .home-img{border-top: 3px solid #ddd;border-bottom: 3px solid #ddd;}
.home .container .top_help_questions{margin-bottom: 30px;}
.home .container .top_list li{font-size: 18px;line-height:2;}
.home .container .top_list li a:hover{color: #AF1E2D;text-decoration: underline!important;}
.home .container .link-ticket{text-align: center;padding: 20px 0;}
.home .container .link-ticket a{text-align: center;font-size: 27px;text-decoration: none!important;}
.home .container .link-ticket a i.fa{color: #AF1E2D;}


.sidebar_col { padding:0 !important }
.sidebar { background:#f7f8fa; color:#333; margin-top:-60px; display:block; width:100%; min-height:100px; padding-top:8px }
.sidebar a,
.sidebar a:visited { font-family:ProximaNova-Semibold; background:#e6e6e6; font-size:18px; color:#333; text-decoration:none !important; padding:8px 20px; display:block; border-bottom: solid 1px #fff; }
.sidebar a:hover { background:#B9CFE0 }

.sidebar li.current-menu-item a { background:#8DC449; color:#222; pointer-events:none; cursor:default }
.sidebar li.current_page_item a { background:#8DC449; color:#222; pointer-events:none; cursor:default }
.sidebar li.current_page_item .sub-menu a,
.sidebar li.current_page_item .sub-menu a:visited { background:inherit !important; pointer-events:auto !important; cursor:pointer !important }
.sidebar li.menu-item-has-children .sub-menu a,
.sidebar li.menu-item-has-children .sub-menu a:visited { background:#fff !important; padding-left:40px; }
.sidebar li.menu-item-has-children .sub-menu a:hover { background:#B9CFE0 !important }
.sidebar li.menu-item-has-children .sub-menu .current-menu-item a { background:#8DC449 !important }


.sidebar li.menu-item-has-children .sub-menu .sub-menu a { background:#fff !important; padding-left:60px }
.sidebar li.menu-item-has-children .sub-menu .sub-menu a:hover { background:#B9CFE0 !important }
.sidebar li.menu-item-has-children .sub-menu .sub-menu li.current-menu-item a { background:#8DC449 !important }

/* Hide none-active sub-menus */
.sidebar li.menu-item-has-children .sub-menu{display: none;}
.sidebar li.menu-item-has-children.current-menu-item .sub-menu, .sidebar li.menu-item-has-children.current-menu-ancestor .sub-menu{display: block;}

/* Sidebar/Mobile alert css */
.menu-left-side-menu-alert-container{padding: 20px;}
.menu-left-side-menu-alert-container .alert-container-title{font-family: ProximaNova-Bold;font-size: 32px;margin-bottom: 10px;}

.alert-content-box{padding: 10px;margin-bottom: 20px;}
.alert-content-box:last-child{margin-bottom:0}
.alert-content-box.alert-red{background-color: #AF1E2D;}
.alert-content-box.alert-yellow{background-color: #EEAF0F;}
.alert-content-box.alert-green{background-color: #8DC449;}
.alert-content-box .alert-title{color: #fff;font-size: 20px;font-weight: bold;margin-bottom: 5px;}
.alert-content-box .alert-text{color: #fff;font-size: 17px;}

.menu-left-side-menu-contact-container,.menu-left-side-menu-supporthours-container {padding: 20px;font-size: 17px;}
.menu-left-side-menu-contact-container{line-height: 2;}
.menu-left-side-menu-container-title{font-size: 20px;font-weight: bold;margin-bottom: 5px;color: #286DA5;line-height: 1.5;}
.menu-left-side-menu-contact-email a,.menu-left-side-menu-link-ticket a{background: transparent;display: inline;padding: 0;color: #286DA5;border: 0;}
.menu-left-side-menu-contact-email a:hover,.menu-left-side-menu-link-ticket a:hover{color: #AF1E2D;text-decoration: underline!important;}

/* searchform */
.searchform{width: 100%;padding: 20px;background-color: #2a5281;}
.searchform .search_title{text-align: center;color: #fff;font-size: 30px;margin-bottom: 20px;}
.searchform .search_field_group{width:100%;position: relative;}
.searchform .search_field_group .search_field{width:100%;width: 96%;padding: 12px 2%;background-color: #DBE6EF;border: 0;font-size: 22px;}
.searchform .search_field_group .search_button{position: absolute;top: 0;right: 0;background: transparent;border: 0;outline: none;font-size: 30px;padding: 9px;}


.single_news_side_nav ul.sub-menu li a { text-indent:20px; background:#fff }
.single_news_side_nav ul.sub-menu li a:hover { background:#8DC449 !important }
.single_news_side_nav ul.sub-menu li.page-item-236 a { background:#8DC449 !important; pointer-events: none; cursor: default; }

.error404 .breadcrumbs { display:none !important }
.error404 .pulled_up .col-lg-9,
.error404 .pulled_up .col-lg-3 { display:none !important }
.error404 img.boy_404 { display:block; margin:0 auto; margin-top:40px; max-width:450px !important }


.breadcrumbs span[property="name"] { display: inline-block; padding: 0; margin-top: -3px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:150px; /* set limit of breadcrumb here */ }
.breadcrumbs span[property="name"]:hover { max-width:200px; /* set limit of breadcrumb when hover here */ }



.blue_head { background: #2a5281; padding:9px 0 9px 20px; color: #fff; font-size:24px; margin-top: 20px; position:relative; z-index:1 }
.breadcrumbs { font-size:17px; font-family:ProximaNova-Regular; color:#83929F; width:100%; border-bottom:solid #83929F 1px; padding-bottom:10px; margin-top:13px; margin-bottom:6px }
.breadcrumbs a { color:#83929F !important; text-decoration:none !important }
.breadcrumbs a:hover,
.breadcrumbs a span:hover { text-decoration:none !important }
.bread_right { padding:0 7px }



.full_width_content { background:#f7f8fa }
.white_area { background:#fff; }
.breadcrumb_area { background:#fff }
.pic_single { width:100%; height:552px; margin:0 0 25px 0  }
.school_pic_single { width:100%; height:552px; border: solid 10px #e6e8e7; margin:25px 0 }
.accordion_area { margin-top:20px }
.accordionButton { width:100%; padding:10px 18px 10px 18px; background:#e6e8e7; color:#286DA5; font-family:ProximaNovaACond-Bold; font-size:24px; cursor:pointer;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
  transition: all 200ms linear; }
.accordionButton .acc_title_wrap:after { content:"\f067"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration:inherit;font-size:18px; float:right; padding:6px 6px 5px 6px; background:#fff; color:#83929F;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; }
.accordionButton.on .acc_title_wrap:after { content:"\f068"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration:inherit;font-size:18px; float:right; padding:6px 6px 5px 6px; background:#fff; color:#83929F;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; }
.accordionButton:hover,
.accordionButton.on { background:#286DA5; color:#fefefe }
.accordionContent { padding:18px; background:#f6f6f6 }
.acc_sub_title { font-size:17px; font-style: italic; font-weight: normal; line-height:19px; font-family: ProximaNova-Regular; text-transform: none; }
.acc_title_wrap { width:100% }
.acc_title_wrap span { width: 95%; display: inline-block; }
.acc_sub_title_wrap { width:95% }
.acc_gap { margin-bottom:14px; }
.accordionContent table td, .accordionContent table th { padding:8px 15px; }
.accordionContent table { margin-bottom:0 }
.accordionContent div a { text-decoration:none !important; display:inline-block; max-width:93% }

html, body { height: 100%; }
.sticky_wrapper { min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -267px; }
.footer_full, .push { height:auto; min-height:310px }
.footer { width:100%; height:310px; background:#286DA5 url(images/2-heads.png) no-repeat bottom right; background-size:360px }
.footer_slogan { color:#fefefe; font-size:30px; margin-top:25px }
.footer_address { color:#b8cbe1; font-size:23px; }
.footer a,
.footer a:visited { color:#b8cbe1; text-decoration:none !important; font-family:ProximaNovaCond-Regular; font-size:20px; margin-top:12px; display: inline-block; }
.footer a:hover { color:#fff; text-decoration:none }
.footer .quick_links_label { color:#fefefe; font-size: 22px; margin-top:38px; }
.footer .quick_links_area { border-left: solid 1px #87a0c8; margin-left: -24px; padding-left: 24px; }
.footer_left_bg { background:url(images/logo-tagline.png) no-repeat bottom left; background-size:250px; background-position-x:30px }

.top_area .join_slogan { margin-top:34px; float:right; margin-right:30px; color:#B9CFE0; font-size:19px; }
.footer .join_slogan { margin-top:110px; float:right; margin-right:30px; color:#B9CFE0; font-size:22px; }
.top_area .join_slogan span,
.footer .join_slogan span { color:#fefefe; }
.top_area .fa-twitter { margin-right:15px }
.top_area .join_slogan .fa,
.footer .join_slogan .fa, .top_area .join_slogan svg,
.footer .join_slogan svg { font-size:26px; width:40px; height:40px; padding-top:8px; background:#7AA4C5; text-align: center; color: #fefefe; margin-left: 10px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;

   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -o-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
    transition: all 200ms linear;  }
.top_area .join_slogan .fa:hover,
.footer .join_slogan .fa:hover, .top_area .join_slogan svg:hover,
.footer .join_slogan svg:hover { background:#fefefe; color:#286DA5 }

.top_area .join_slogan svg, .footer .join_slogan svg {
  padding: 7px;
  position: relative;
  top: 10px;
}

.top_area .join_slogan svg:hover path, .footer .join_slogan svg:hover path {
  fill: #286DA5;
}

.news_twitter_area { margin:20px 0 }
.box_title { display:block; background:#83929F; width:100%; font-family: 'ProximaNovaExCn-Semibold', Arial, Helvetica, sans-serif; color:#fefefe; font-size:28px; text-transform:uppercase; padding:7px 20px; }
.box_title a { color:#fefefe !important; text-decoration:none !important }
.twitter_link_out { text-decoration:none !important; color:#fefefe !important }
.in_the_news_area { width:90%; height:auto; margin:20px auto 20px; background:#fff }
.more_bottom_right { float: right; font-size: 18px; padding: 2px 10px; background: #7AA4C5; color: #fefefe; margin:0 20px 20px 0;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; }
.more_bottom_right:hover { background: #286DA5; cursor:pointer }
.more_bottom_right .fa-angle-right { /* vertical-align:text-bottom; */ padding-left:7px; }



.green_area { display:block; width:100%; height:auto; background:#428458; color:#fefefe; font-size:18px; margin-top:30px }
.green_area .right_circle,
.green_area .left_circle { width:135px; height: 135px; border: solid 5px #78a78a;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px; }
.green_area .col-lg-3 { padding:0 }
.green_area .heavy { font-family: 'ProximaNovaCond-Black', Arial, Helvetica, sans-serif; font-size:38px; }
.green_area .bottom_spacer { padding-bottom:30px }
.green_area .top_spacer { padding-top:30px; }


/*
.top_main_menu_area { display:block; width:100%; background:#1c2c4c; color:#fefefe }
.top_main_menu_area
*/




#access { width:100%; background:#1c2c4c; font-family: ProximaNova-Bold !important }
#access ul { color: #222; list-style: none; padding-left: 0; display: block }
#access li { float: left; position: relative; cursor: default; padding:12px 17px; }
#access li a {
 -webkit-transition:none;
 -moz-transition:none;
 -o-transition:none;
 -ms-transition:none;
  transition:none; }

#access li:hover { display: block; background:#f6f7f8; }
#access li:hover a { color:#1c2c4c !important }
#access .sub-menu li { padding: 0 }
#access .sub-menu li a { color:#444 !important; font-family:ProximaNova-Semibold !important; }
#access .sub-menu li:first-child a { padding-top:12px }
#access .sub-menu li:last-child a { padding-bottom:10px }
#access .sub-menu li a:hover { background:#e4e7ec; color:#444 !important; }
#access li:first-child { border-left: 0 }
#access li:last-child { border-right: 0 }
#access ul ul.sub-menu li:hover { padding-bottom: 0!important; color: #000 }
#access ul ul.sub-menu li { margin-left: 0; padding-left: 0; display:block; width:320px; overflow:hidden }
#access .sub-menu li a { line-height:20px; white-space:normal }
#access a { color: #fefefe; display: block; text-decoration: none; font-size:18px; }
#access ul ul { display: none; float: left; margin: 0; position: absolute; left:0px; z-index: 99999; padding-top:12px;
-webkit-box-shadow: 8px 8px 7px -6px rgba(102,102,102,1);
-moz-box-shadow: 8px 8px 7px -6px rgba(102,102,102,1);
box-shadow: 8px 8px 7px -6px rgba(102,102,102,1); }
#access ul ul ul { left: 100%; top: 0 }
#access ul ul a { background-color:#f6f7f8; color:#444 !important; border:0; font-size:16px !important; height:auto; line-height:25px; display:block; white-space: nowrap; margin-bottom: 0; width: auto; padding:9px 20px;}
#access ul ul li:last-child a { border-bottom: 0 }
#access li:hover>a,
#access ul ul:hover>a,
#access a:focus { color: #fff }
#access li:hover>a,
#access a:focus { color: #fff }
#access ul li:hover>ul { display: block }
#access .current-menu-ancestor>a,
#access .current_page_item>a,
#access .current_page_ancestor>a { color: #f6f7f8 !important }
#access .sub-menu .current-menu-item>a { position: relative }
#access .sub-menu .current-menu-item a { }
#access li.close { height: 52px; overflow: hidden; outline: 0; border-left: solid 1px #444; padding: 16px;  -webkit-transition: all .2s ease-in;
 -moz-transition: all .2s ease-in;
 -ms-transition: all .2s ease-in;
 -o-transition: all .2s ease-in;
 transition: all .2s ease-in }
#access .current-menu-parent a { color:#f6f7f8 !important }
/* DOES NOT WORK when content is based on anchor links
#access ul.sub-menu .current-menu-item a { background:#8dc63f !important; cursor:default !important; pointer-events:none }
*/
#access li.current-menu-item { background:#f6f7f8 !important; }
#access li.current-menu-item a { color:#1c2c4c !important }
#access li.current-menu-parent { background:#f6f7f8 !important }
#access li.current-menu-parent a { color:#1c2c4c !important }
#access li.current-menu-parent li.current-menu-item a  { background:#8DC449 !important; pointer-events:none !important; cursor:default }



.hidden_search_bar { height:100px; background:#286DA5 }
.hidden_search_bar input { width:77%; padding:10px 0 10px 10px; margin:20px 0 20px 30px; font-size:30px; font-family:ProximaNova-Semibold; border: solid 2px #7AA4C5; background:#fff; color:#333 }
.hidden_search_button { border: 0; background: #B9CFE0; color: #286DA5; padding: 10px 40px; font-size: 31px; outline: none;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
  transition: all 200ms linear; }
.hidden_search_button:hover { background:#7AA4C5; color:#fefefe }
.close_search_button { font-size: 30px !important; color: #fefefe; background: #B9CFE0; padding: 14px 20px; margin-left: 8px; cursor:pointer }
.top_sub_menu .search_button .fa-search { margin-right:8px }



.pulled_up { margin-top:-114px; }
.top_area { display:block; width:100%; background:#286DA5; height:auto; min-height:100px; padding-bottom:114px; /* BOTTOM PADDING OF THE TOP BLUE AREA */ }
.header_logo { width:222px; margin-top:20px; }
.site_title {font-size: 45px;color: #fff;float: right;margin-top: 15px;}
.top_sub_menu { margin-top:20px }
.top_sub_menu li { float:left; border-left: solid 1px #8fa2cb; margin-left:20px; padding-left:20px; }
.top_sub_menu li:first-child { border-left:0 }
.top_sub_menu li:last-child { margin-right:30px; }
.top_sub_menu li a { font-family:ProximaNova-Semibold; font-size:17px; line-height:15px }
.top_sub_menu li a,
.top_sub_menu li a:visited { color:#dae5f1; text-decoration:none; }
.top_sub_menu li a:hover { color:#fff; text-decoration:none }
ul#menu-top-sub-menu { float:right }

/* OLD search bar
.search_button_area  { position:relative }
.search_input { border: 0; background: #7AA4C5; padding:9px 40px 9px 9px; float: right; margin:40px 40px 0 0; color: #fefefe; outline: none; font-size: 20px; font-style:italic; width:330px; line-height:25px !important }
.search_top_icon { border: 0; background:none; color:#fefefe; font-size:25px !important; outline:none !important; float:right; margin:103px 0 0 -80px; position: absolute; line-height:25px !important }
*/



.snippet_portion a { text-decoration:none !important; color:#286DA5 }
.snippet_portion a:hover { text-decoration:underline !important; color:#286DA5 !important }
.snippet_portion { width:48.5%; height:450px; float:left; background:#e6e8e7; margin-right:11px; margin-bottom:11px; overflow:hidden; position:relative }
.snippet_portion .learn_more { float:right; font-size: 18px; padding: 2px 10px; background: #7AA4C5; color: #fefefe;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
  transition: all 200ms linear; }
.snippet_portion .learn_more:hover { background:#286DA5 }
.snippet_portion .fa-angle-right { vertical-align:text-bottom; padding-left:7px }
.snippet_pic { width:95.5%; height:260px; margin:2.3%; margin-top:2.2% }
.snippet_title { font-family:ProximaNovaCond-Semibold; color:#286DA5; font-size:25px; margin: 3.3%; margin-bottom: 0; }
.snippet_content { margin: 3.3%; margin-top: 7px; }

.learn_more_nobg { float:right; font-size:18px; position:absolute; right:15px; bottom:13px; color:#286DA5; text-decoration:none }
.learn_more_nobg .fa-angle-right { vertical-align: text-bottom; padding-left: 7px; }
.learn_more_nobg:hover { text-decoration:underline; color:#286DA5 }



/* trustees page */
.page-id-61 .snippet_portion { height:650px !important }


/* staff contacts page */
.page-id-85 .contact_each { margin-bottom:25px; line-height:normal }
.page-id-85 .contact_each .position { font-family: 'ProximaNova-Bold' !important }


/* programs page */
.page-id-115 .snippet_portion .learn_more { margin-top:10px }


/* board meeting highlights page */
.page-id-92 .accordionContent div a { text-decoration:none !important; display:inline-block; margin-bottom:5px }


/* trustees advocacy page */
.the_date { display:block; line-height:normal; font-family: ProximaNova-Bold; color: #83929F; font-size: 15px; }
.page-id-248 .accordionContent div { display:block; margin-bottom:20px }
.file_icon { float:left; margin-top:6px; }
.advo_link { /*padding-left:26px;*/ /* display:block */ }


/* front page */



/* let us override Unslider predefined slides */
.unslider-fade { overflow:inherit } /* required if slider is set to fade */
.unslider { overflow:inherit } /* required if slider is set to fade */

.unslider .unslider-arrow.next { display:block; width:220px; margin:0 auto; float:none; margin-bottom:-40px; margin-top:20px; text-align:right; text-decoration:none !important; visibility:visible; font-size:0 !important }
.unslider .unslider-arrow.next:after { visibility:visible !important; color:#fff; font-size:38px; content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none !important }
.unslider a.unslider-arrow.prev { display:block; width:220px; margin:0 auto; float:none; margin-bottom:-49px; text-align:left; text-decoration:none !important; visibility:visible; font-size:0 !important }
.unslider a.unslider-arrow.prev:before { visibility:visible !important; color:#fff; font-size:38px; content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none !important }

.unslider-arrow { position:inherit !important }
.unslider-arrow.next { float:right }
.unslider-arrow.prev { float:left }
.unslider-nav ol li { width:15px !important; height:15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important; }
.unslider-nav { margin-top:25px }



.news_snippet h2 { margin-bottom:4px; }
.news_date_snippet { font-family: ProximaNova-Bold; color:#83929F; font-size:15px; margin-bottom:7px; }
.news_date_single { font-family: ProximaNova-Bold; color:#83929F; font-size:20px; margin-bottom:15px; }
.news_snippet .snippet_image { display:inline-block; width:150px; height:105px; float:left; margin:4px 15px 20px 0; outline: solid 1px #83929F; cursor:pointer }
.news_snippet .main_text { margin-top:-2px }
.news_snippet .snippet_break { padding-bottom:22px }



.accordionContent span.pdf { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px; background:url(images/pdf-16.gif) no-repeat }
.accordionContent span.doc { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px; background:url(images/doc-16.gif) no-repeat }
.accordionContent span.xls { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px; background:url(images/xls-16.gif) no-repeat }
.accordionContent span.img { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px; background:url(images/img-16.gif) no-repeat }
.accordionContent span.txt { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px; background:url(images/txt-16.gif) no-repeat }
.accordionContent span.ppt { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px; background:url(images/ppt-16.gif) no-repeat }
.accordionContent span.nofile { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px; background:url(images/nofile-16.png) no-repeat }
.accordionContent span.news { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px; background:url(images/news.png) no-repeat }


.onpage_attach div img { margin-right:10px }
.onpage_attach .att_title { width: 100%; padding: 10px 18px 10px 18px; background: #DBE6EF; color: #286DA5; font-family: ProximaNovaACond-Bold; font-size: 24px; cursor:default; margin-bottom:8px }
.onpage_attach div { padding:15px; padding-bottom:0; padding-top:10px }
.onpage_attach span { display:inline-block; width:32px; height:32px; overflow:hidden; vertical-align:middle; margin-right:10px }

.onpage_attach span.pdf { background:url(images/pdf-32.png) no-repeat }
.onpage_attach span.doc { background:url(images/doc-32.png) no-repeat }
.onpage_attach span.xls { background:url(images/xls-32.png) no-repeat }
.onpage_attach span.img { background:url(images/img-32.png) no-repeat }
.onpage_attach span.txt { background:url(images/txt-32.png) no-repeat }
.onpage_attach span.ppt { background:url(images/ppt-32.png) no-repeat }
.onpage_attach span.nofile { background:url(images/nofile-32.png) no-repeat }

.onpage_attach a { text-decoration:none !important }
.attachment_area { margin-top:40px; padding-bottom:30px }
img.icon { margin-right:10px }
.gap_before_snippets { padding-bottom:5px; }




.attachment .white_area p { display:inline }
.attachment .white_area span { display:inline-block; width:32px; height:32px; overflow:hidden; vertical-align:middle; margin-right:10px }
.attachment .white_area span.pdf { background:url(images/pdf-32.png) no-repeat }
.attachment .white_area span.doc { background:url(images/doc-32.png) no-repeat }
.attachment .white_area span.xls { background:url(images/xls-32.png) no-repeat }
.attachment .white_area span.img { background:url(images/img-32.png) no-repeat }
.attachment .white_area span.txt { background:url(images/txt-32.png) no-repeat }
.attachment .white_area span.ppt { background:url(images/ppt-32.png) no-repeat }
.attachment .white_area span.nofile { background:url(images/nofile-32.png) no-repeat }







.alert_close { display:block; cursor:pointer; margin:15px 0; color:#EEAF0F; right:0; font-family: ProximaNova-Bold; font-size:21px; line-height:21px; text-transform: uppercase; text-align:center; border-left:solid 1px #fff; }
.alert_close .fa { color:#fff; font-size:40px; margin-top:8px }
.alert_full_width { display:block; width:100%; background:#AF1E2D; height:auto; color:#fff; padding:0; }
.alert_full_width .alert_each { padding-bottom:10px; }
.alert_full_width .alert_blurbs { }
.alert_full_width .alert_each:first-child { padding-top:20px }
.alert_full_width .fa-exclamation-circle { font-size:70px; color: #d76d63; }
.alert_full_width .main_text { font-size:20px; }
.alert_full_width .main_text a,
.alert_full_width .main_text a:visited { color:#fff !important; text-decoration:underline }
.alert_full_width .main_text a:hover { color:#fff !important; text-decoration:none }



.search_form input { text-transform: lowercase !important }


.search_width { width:90%; margin:0 auto }
.search_results h2 { margin-bottom:0; margin-top:0  }
.search_results h2 a,
.search_results h2 a:visited { text-decoration:none !important }
.search_results h2 a:hover { text-decoration:underline !important; color:#286DA5 !important }
.search_results .infscr_wrap .clearbreak { padding-bottom:30px }
.search_results .s_with_image { width:83px; height:58px; margin-top:5px; float:right }



.left_ad_title,
.left_ad_title a,
.left_ad_title a:visited { display:block; font-family: ProximaNova-Semibold !important; color:#286DA5 !important; font-size:22px !important; text-align:center; line-height:24px !important; border-bottom:0 !important; margin-bottom:2px }
/* .left_ad_title a:hover { color:#7AA4C5 !important; text-decoration:none !important } */
.left_ad_blurb { font-family: ProximaNova-Semibold; color:#777; font-size:18px; text-align:center; line-height:22px }
.left_ad_blurb a,
.left_ad_blurb a:visited { background: none; display: inline; padding: 0; color:#111 }
.left_ad_blurb a:hover { color:#777; background:none }
.left_ad_image { max-width:90%; margin:0px auto 10px; display: block; }
.left_ad_link_area { display:block; text-align:center }
a.left_ad_learn_more { display:block !important; text-align:center !important; background:none !important; font-size:16px; color:#111; padding:4px 0 0 0; display:inline-block; border-bottom:0 !important }
a.left_ad_learn_more:hover { /* color:#777; text-decoration:none */ }
.left_ad_each { width: 88%; margin: 0 auto; padding:10px 20px 10px 20px; margin-top:10px; margin-bottom:10px; }
.left_ad_each:hover { background:#DBE6EF; }
.left_ad_line { width:88%; margin:0 auto }
.left_ad_line div { border-bottom: solid 1px #bbb; }
.left_ad_each_area:last-child .left_ad_line { display:none }


.thc-today { background:#83929F; color:#fff }
.thc-day-number,
.thc-calendar-day { height:65px !important }
.thc-inline-content { font-family: ProximaNova-Regular !important }
.the_calendar a,
.thc-day-number .thc-highlight { text-decoration:none !important }
.thc-day-number a.thc-highlight { color:#fff  }
.thc-day-number a.thc-highlight:hover { color:#fff !important }
.thc-calendar-row { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; border-left: solid 1px #ccc }
.thc-calendar-row td { border-left: solid 1px #ccc }
.the_calendar thead { border-top: solid 1px #ccc }
.the_calendar thead th { border-right: solid 1px #ccc; font-weight:bold; background:#286DA5; color:#fff !important }
.the_calendar caption { font-weight:bold }
.the_calendar tr.thc-calendar-row td:first-child { background:#DBE6EF !important }
.the_calendar tr.thc-calendar-row td:last-child { background:#DBE6EF !important }
.the_calendar .thc-calendar-navigation a { font-weight:bold !important; color:#286DA5 }
.the_calendar_list a { text-decoration:none !important }
.back_to_calendar { display:block; margin-top: 40px; margin-bottom: 30px; }
.back_to_calendar .fa { padding-right:8px; }

/* Common CSS */
.bottom-padding{padding-bottom:30px;}

/* Linebreak CSS */
.nowrap {white-space: nowrap;}
.forcewrap {word-break: break-word;}

/* Infinite Scrolling */
#infscr_loop .infscr_wrap .clearbreak { padding-bottom:30px }

/* Responsive CSS */
/* Hide mobile elements as default */
#mobile_menu, #mobile_helpdesk_menu, .slicknav_menu, .for_mobile_only {display:none;}

/* To fit it to table cell's width */
td, th{word-break: break-word;}

/* Linebreak CSS */
.nowrap {white-space: nowrap !important;}
.forcewrap {word-break: break-word !important;}

/* Slick Nav CSS */
.slicknav_menu{background:#1c2c4c;padding:0;position: absolute;z-index: 20;width: 50%;top: 0;right: 0;}
.slicknav_btn{margin: 10px 5px 11px;background-color: transparent;}
/* Helpdesk mobile menu */
.slicknav_menu:first-child{left: 0;}
.slicknav_menu:first-child .slicknav_btn{float: left;}
.slicknav_menu:first-child .slicknav_btn .slicknav_menutxt{margin-left: 25px;}
.slicknav_menu:first-child .slicknav_btn .slicknav_icon{float: none;position: absolute;left: 5px;}

.slicknav_nav ul{margin: 0;}
.slicknav_nav li{border-top: solid 1px #e4e7ec;}
.slicknav_nav a{font-weight: bold;}
.slicknav_nav a,.slicknav_nav a:focus {text-decoration: none;}
.slicknav_nav .slicknav_row, .slicknav_nav a{padding: 14px 10px;margin: 0;}
.slicknav_nav .sub-menu a{outline: 0;}
/* hover default style */
.slicknav_nav a:hover,.slicknav_nav .slicknav_row:hover{border-radius: 0;text-decoration: none;}
/* first level menu */
.slicknav_nav .slicknav_parent a{background:#1c2c4c;color: #fff;}
.slicknav_nav .slicknav_parent:hover a, .slicknav_nav .slicknav_parent:focus a, .slicknav_nav .slicknav_parent:active a{background:#fff;color: #444;}
/* opened first level menu */
.slicknav_nav .slicknav_parent.slicknav_open a{background: #fff;color: #444;}
/* collapsed first level menu */
.slicknav_nav .slicknav_parent.slicknav_collapsed a{background:#1c2c4c;color: #fff;}
/* submenu */
.slicknav_nav .sub-menu, .slicknav_nav ul.children{background: #fff;color: #444;}
.slicknav_nav .sub-menu a{background: transparent;color: #444;}
/* submenu hover */
.slicknav_nav .sub-menu li a:hover, .slicknav_nav ul.children li a:hover{background: #e4e7ec;color: #444;}
/* indentation */
.slicknav_nav .sub-menu a{padding-left: 20px;}
.slicknav_nav .sub-menu > li > .sub-menu li > a, .slicknav_nav ul.children > li > ul.children li > a{padding-left: 40px;}
.slicknav_nav .slicknav_arrow{font-size: 1em;}
.mobile_menu_space{height:54px;position: relative;z-index: 1;
    -webkit-box-shadow: 0px -2px 13px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px -2px 13px 0px rgba(0,0,0,1);
    box-shadow: 0px -2px 13px 0px rgba(0,0,0,1);}
/* Hide the search menu on the helpdesk mobile menu */
#mobile_helpdesk_menu #menu-left-side-menu li:last-child{display: none;}


/* Youtube video */
.video_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video_container > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Back to top button */
#back_top .fa-chevron-circle-up {
    font-size: 50px !important;
    color: #7AA4C5;
    text-decoration: none!important;
    position: fixed;
    bottom: 30px;
    right: 30px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    z-index: 9;
}
/* .accordionContent clearfix */
.accordionContent{
  overflow: auto;
  zoom: 1;
}

.google-translate{
  float: right;
    margin-top: 3rem;
    margin-right: 44px;
}

#gtranslate_selector {
  border: 1px solid #8fa2cb;
  color: #dae5f1;
  outline: none;
  height: 100%;
  width: 150px;
  background: url(./images/white-arrow-select-main-color.svg) 93% center no-repeat transparent;
  appearance: none;
  padding: 10px 0 10px 20px;
  font-family: ProximaNova-Semibold;
  text-transform: uppercase;
  /* background-size: 35px; */
  font-size: 17px;
  cursor: pointer;
}

#gtranslate_selector:hover{
  color: #fff;
  background: url(./images/white-arrow-select.svg) 93% center no-repeat transparent;

}


#gtranslate_selector option{
  color: #000;
}

img.header_logo{
  margin-top: 20px;
}

.google-translate-container{
  display: none;
}

#menu-top-sub-menu #gtranslate_selector{
 
  padding: 10px 10px;
  margin-left: -5px;
}

.top_sub_menu li:last-child { margin-right: 0; border-left: none; }



ul#menu-top-sub-menu {
  float: unset;
  display: flex;
  flex-wrap: wrap;
}

.top_sub_menu .search_button .fa-search {
  padding-top: 10px;
}

.top_sub_menu li {
  border: none;
  margin: 4px 20px 4px 25px;
  padding: 0 3px;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
  /* Fonts*/
  h1 {font-size:34px !important;}
  h2 {font-size:25px !important;}
  h3 {font-size:20px !important;}
  h4 {font-size:20px !important;}
  .main_text{font-size: 18px;line-height: 1.4;}

  /* Header */
  #access li{padding: 12px 10px;}
  #access a{font-size: 16px;}
  #access ul ul a{font-size: 16px !important;;padding: 9px 10px;}
  #access ul ul.sub-menu li{width:100%;min-width: 150px;}
  #access .sub-menu li a{white-space:nowrap;}
  .top_sub_menu li{margin-left: 15px;padding-left: 15px;}
  .top_sub_menu li a{font-size: 15px;}
  .site_title{font-size: 39px;margin-top: 30px;}

  /* Left menu */
  .menu-left-side-menu-alert-container .alert-container-title{font-size: 25px;}
  .alert-content-box .alert-title, .sidebar .menu-left-side-menu-container-title{font-size: 18px;}
  .alert-content-box .alert-text,.sidebar .menu-left-side-menu-contact-container, .sidebar .menu-left-side-menu-supporthours-container{font-size: 15px;}
  .menu-left-side-menu-contact-email a, .sidebar .menu-left-side-men
  u-link-ticket a{font-size: 15px;}

  /* Fotter */
  .footer_full{min-height: 0;}
  .footer{height: auto;padding-bottom: 50px;background-size: 25%;}
  .footer_slogan{font-size: 23px;}
  .footer_address{font-size: 17px;}
  .footer .quick_links_label{font-size: 19px;}
  .footer a, .footer a:visited{font-size: 16px;}
  .footer .join_slogan{font-size: 20px;}
  .top_area .join_slogan .fa, .footer .join_slogan .fa, .top_area .join_slogan svg, .footer .join_slogan svg{font-size: 20px;width: 35px;height: 35px;}
  .footer .join_slogan svg {
    top: 8px;
}

  /* Table */
  table{width: 100%!important;height: auto!important;}
  .main_text table{max-width: 100%!important}
  td,th{padding: 5px!important;height: auto!important;}
  tr{height: auto!important;}

  /* Accordion */
  .accordionButton{font-size: 22px;line-height: 1.2;min-height: 48px;}
  .acc_title_wrap span{
    width: -moz-calc(100% - (30px));
    width: -webkit-calc(100% - (30px));
    width: calc(100% - (30px));
  }
  .acc_sub_title_wrap{
    width: -moz-calc(100% - (30px));
    width: -webkit-calc(100% - (30px));
    width: calc(100% - (30px));
  }
  .acc_sub_title{font-size: 15px;line-height: 1.2;}
  .accordionContent div a{
    max-width: -moz-calc(100% - (30px));
    max-width: -webkit-calc(100% - (30px));
    max-width: calc(100% - (30px));
  }

  /* Attachment */
  .onpage_attach span{width: 30px;height: 30px;background-size: 100%!important;}

  #gtranslate_selector{
    font-size: 15px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
  /* Fonts*/
  h1 {font-size:30px !important;}
  h2 {font-size:22px !important;}
  h3 {font-size:18px !important;}
  h4 {font-size:18px !important;}
  .main_text{font-size: 15px;}

  /* Header */
  #access li{padding: 12px 5px;}
  #access a{font-size: 13px;}
  #access ul ul a{font-size: 13px !important;padding: 9px 5px;}
  #access ul ul.sub-menu li{min-width: 120px;}
  .top_sub_menu li{margin-left: 7px;padding-left: 5px;}
  .top_sub_menu li a{font-size: 14px;line-height: 1.2}
  .header_logo{width: 200px;}
  .breadcrumbs{font-size: 15px;}
  .hidden_search_button{padding: 10px 20px;}
  .hidden_search_bar input{
    margin-left: 0;
    width: -moz-calc(100% - 134px);
    width: -webkit-calc(100% - 134px);
    width: calc(100% - 134px);
  }
  .site_title{font-size: 28px;margin-top: 28px;}

  /* Home */
  .searchform .search_title{font-size: 26px;}
  .home .container .link-ticket a{font-size: 22px;}
  .home .container .top_list li{font-size: 16px;}

  /* Fotter */
  .footer_slogan{font-size: 21px;}
  .footer_address{font-size: 15px;}
  .footer .quick_links_label{margin-top: 25px;}
  .footer a, .footer a:visited{margin-top: 6px;}
  .footer_left_bg{background-size: 150px;}
  .footer .join_slogan{font-size: 17px;}
  .top_area .join_slogan .fa, .footer .join_slogan .fa,  .top_area .join_slogan svg, .footer .join_slogan svg{font-size: 16px;width: 30px;height: 30px;}

  /* Main content */
  .pic_single, .school_pic_single{height: 330px;}

  /* Left menu */
  .blue_head{font-size: 21px;padding: 9px 0 9px 10px!important;}
  .sidebar a, .sidebar a:visited{font-size: 14px;padding: 8px 10px;}
  .sidebar li.menu-item-has-children .sub-menu a, .sidebar li.menu-item-has-children .sub-menu a:visited{padding-left: 20px;}
  .menu-left-side-menu-alert-container{padding: 10px;}
  .menu-left-side-menu-alert-container .alert-container-title{font-size: 22px;}
  .alert-content-box .alert-title, .sidebar .menu-left-side-menu-container-title{font-size: 17px;}
  .alert-content-box .alert-text,.sidebar .menu-left-side-menu-contact-container, .sidebar .menu-left-side-menu-supporthours-container{font-size: 14px;}
  .menu-left-side-menu-contact-container, .menu-left-side-menu-supporthours-container{padding: 10px;}
  .menu-left-side-menu-contact-email, .menu-left-side-menu-contact-phone{font-size: 13px;}
  .menu-left-side-menu-contact-email a, .sidebar .menu-left-side-menu-link-ticket a{font-size: 13px;padding: 8px 0;}

  /* Accordion */
  .accordionButton{font-size: 20px;}
  .acc_sub_title{font-size: 14px;}

  /* Attachment */
  .onpage_attach span{width: 25px;height: 25px;}

  /* 2 columns Layout */
  .snippet_pic{height: 155px;}
  .snippet_title{font-size: 17px;}
  .snippet_portion{height: 350px;}

  /* Trustee */
  .page-id-61 .snippet_portion{height: 530px !important;}
  #gtranslate_selector{
    font-size: 14px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
  /* Show mobile elements */
  .slicknav_menu, .for_mobile_only {display:block;}
  /* Hide desktop elements */
  #access, .top_sub_menu,.sidebar_col, .blue_head{display: none;}

  /* Header */
  .top_area{padding-bottom: 23px;}
  .mobile_search_bar{position: absolute;right: 15px;width: 50%;z-index: 2;text-align: right;margin-top: -75px;background: transparent;}
  .mobile_search_bar input{
    padding: 10px;
    font-size: 18px;
    font-family: ProximaNova-Semibold;
    border: solid 2px #7AA4C5;
    color: #333;
    width: -moz-calc(100% - 63px);
    width: -webkit-calc(100% - 63px);
    width: calc(100% - 63px);
  }
  .mobile_search_button{margin-left: 5px;padding: 13px;border: 0;background-color: #B9CFE0;color: #286DA5;}
  .mobile_search_button i.fa{font-size: 20px;}
  .pulled_up{margin-top: 0;}
  .site_title{font-size: 27px;margin-top: -105px;margin-right: -15px;}

  /* Alert/site element */
  #mobile-alert-area{background-color: #fff;}
  #mobile-alert-area .alert-content-box{margin-bottom: 10px;}
  .menu-left-side-menu-contact-container{width:49%;float: left;}
  .menu-left-side-menu-supporthours-container{width:49%;float: right;}
  .menu-left-side-menu-contact-container, .menu-left-side-menu-supporthours-container{ padding: 10px;font-size: 15px;line-height: 1.5;}
  .menu-left-side-menu-container-title{font-size: 18px;}
  .menu-left-side-menu-link-ticket{margin-top: 22px;}
  #mobile-alert-area:before,
  #mobile-alert-area:after {
      content: "";
      display: table;
  }
  #mobile-alert-area:after {
      clear: both;
  }
  #mobile-alert-area {
      zoom: 1; /* For IE 6/7 (trigger hasLayout) */
  }

  /* Home */
  .full_width_content .searchform{display:none;}
  .home .container .link-ticket a{font-size: 22px;}
  .home .container .top_list li{font-size: 16px;}

  /* Footer */
  .footer{padding-bottom:30px;}
  .first_green_area_content{margin-bottom: 30px;}
  .green_area .right_circle, .green_area .left_circle{width: 110px;height: 110px;}
  .footer_left_bg{background-position-y: 100px;}
  .footer .join_slogan{font-size: 15px;margin-top: 75px;margin-right: 0;}
  .footer_slogan{font-size: 18px;}
  .footer_address{font-size: 13px;}
  .footer .quick_links_area{padding-left: 12px;margin-left: 10px;}
  .footer_slogan_wrap,.quick_links_area_wrap{padding-left:0!important;padding-right:0!important;}

  /* Main content */
  .full_width_content{background: transparent;}
  .breadcrumb_area{padding-top: 1px;padding-bottom: 1px;}
  .white_area{padding-top: 1px;padding-bottom: 20px;}

  /* Left menu */
  .menu-left-side-menu-contact-email, .menu-left-side-menu-contact-phone{font-size: 15px;}
  .menu-left-side-menu-contact-email a, .sidebar .menu-left-side-menu-link-ticket a{font-size: 15px;}

  /* Accordion */
  .accordionButton{font-size: 18px;}
  .acc_sub_title{font-size: 13px;}

  img.header_logo{
  margin-top: 20px;
}
.google-translate{
  float: left;
}

.google-translate-container{
  display: block;
}
}

/* only for change footer layout */
@media only screen and (max-width : 620px) {
  .footer_left_bg{background-position-y: 140px;}
  .footer .join_slogan{margin-top: 155px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .site_title{display: none;}
  /* Fonts*/
  h1 {font-size:25px !important;line-height: 1.3;}
  h2 {font-size:20px !important;line-height: 1.3;}
  h3 {font-size:16px !important;line-height: 1.3;}
  h4 {font-size:16px !important;line-height: 1.3;}
  .main_text{font-size: 14px;}

  /* Header */
  .top_area{text-align: center;padding-bottom: 20px;}
  .mobile_search_bar{position: relative;margin-top: 0;height: 70px;background: #286DA5;width: 100%;right: 0;padding-left: 30px;padding-right: 30px;}
  .mobile_search_bar input{font-size: 15px;
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    font-size: 15px;
  }
  .mobile_search_button{padding: 10px;}
  .mobile_search_button i.fa{margin-bottom: 3px;}
  .pulled_up{margin-top:0;}

  /* Home */
  .home .container .link-ticket a{font-size: 20px;}

  /* Footer */
  .footer{background-size: 50%;}
  .footer_slogan_wrap,.quick_links_area_wrap{width: 100%!important ;float: none!important;padding-left:0!important;padding-right:0!important;}
  .footer_left_bg{background: transparent;}
  .footer .join_slogan{margin-top: 20px;text-align: center;float: none;}
  .footer .quick_links_area{border-top: solid 1px #87a0c8;border-left:0;width: 80%;margin: 20px auto 0;text-align: center;padding-left: 0;}
  .footer .quick_links_label{margin-bottom: 20px;}
  .footer_slogan{text-align: center;}
  .footer_address{text-align: center;}

  /* Main content */
  .container{padding-left: 5px!important;padding-right: 5px!important;}
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
  {padding-left: 5px!important;padding-right: 5px!important;}

  /* Accordion */
  .accordionContent{padding:10px;}
  .accordionButton{padding:10px;}
  .accordionButton{font-size: 17px;}

  /* Search Result */
  .search_width{width:100%;}

  /* back to top button */
  #back_top .fa-chevron-circle-up {
      bottom: 20px;
      right: 20px;
  }
}

/* iPhone6 Portrait */
@media only screen and (max-width : 375px) {
  /* Footer */
  .bottom_green_area_content{width: 65%!important;margin-left: 10%;padding-right: 0!important;}
  .footer_left_bg{background-position: center 130px;}
  .footer_slogan{padding: 0 10%;}
  .footer_address{padding: 0 5%;}

  /* Alert/site element */
  .menu-left-side-menu-contact-container, .menu-left-side-menu-supporthours-container{width:100%;float: none;}
  .menu-left-side-menu-link-ticket{margin-top: 10px;}

  /* Accordion */
  .accordionButton{font-size: 17px;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
  /* Alert */
  .alert_full_width .alert_blurbs{padding-left: 40px!important;}

  /* Home */
  .home .slider_area .unslider-wrap{height: 400px;}
  .home .slider_image{height: 185px;}

  /* Footer */
  .footer .join_slogan{font-size: 14px;}
  .green_area .right_circle, .green_area .left_circle{width: 90px;height: 90px;}

  /* Main content */
  .pic_single, .school_pic_single{height: 160px;}

  /* 2 columns Layout */
  .snippet_pic{height: 175px;}
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
 #gtranslate_selector{
     background: none !important;
     }
}}

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
 #gtranslate_selector{
     background: none !important;
     }
}}

/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
@media {
 #gtranslate_selector{
     background: none !important;
     }
}}