/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
/*Global Padding Top*/
#x-section-1 {
	padding-top: 0px !important;
}
.x-recent-posts a {
	min-width: 100%;
    margin-bottom: 15px;
}
.home p, .home li { color: #115740; }
p {
	margin: 0px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*Navbar colors and styling*/
.x-brand > img:nth-child(1) {
	width: 100% !important;
}
#top div.x-logobar {
	background: #115740;
	border-color: black !important;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}
#top div.x-navbar {
	background: url(https://stedhs.org/wp-content/uploads/2018/07/wsi-imageoptim-nav-primary.png);
	border-color: black !important;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	background-size: 75px;
	background-repeat-y: no-repeat;
	background-color: #daaa00;
}
#top div.x-column.x-sm.x-3-4 {
	color: white !important;
}
.x-column.x-sm {
	float: left !important;
}
#search_bar {
	display: inline-block;
	width: 208px;
}

/* STYLES HERE */
@media only screen and (max-device-width: 830px) {
	#header {
		text-align: center !important;
	}
}

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

		#header {
			text-align: center !important;
		}
		#home-btn-4 {
			font-size: .5em;
		}

}
@media only screen and (max-device-width: 1040px) {
	/*.ubermenu-retractor*/
	#sidebar_none {
		display: none !important;
	}
}
@media only screen and (max-device-width: 389px) {
	.x-btn.x-btn-transparent {
		font-size: 10px !important;
	}
	#search_bar {
		width: 167px;
	}
}
#google_translate_element {
		position: absolute;
    top: 0px;
    right: -192px;
	}
@media only screen and (max-width: 1350px) {
	#search_bar {
		display: inline-block;
		width: 171px;
	}
	.x-btn.x-btn-transparent, .x-btn.x-btn-transparent:hover {
		border-width: 1px !important;
		font-family: 'Lato', sans-serif;
		height: 35px;
		font-size: 10px !important;
		padding-left: 3px !important;
		padding-top: 9px !important;
		padding-right: 3px !important;
	}
	.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{
		font-size: .8em !important;
	}
}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
	font-size: .885em !important;
}

@media only screen and (max-width: 1195px) {
	#search_bar {
		display: inline-block;
		width: 171px;
	}
	#google_translate_element {
			top: -49px !important;
			left: -45px;
		}
	.x-btn.x-btn-transparent, .x-btn.x-btn-transparent:hover {
		border-width: 1px !important;
		font-family: 'Lato', sans-serif;
		height: 35px;
		font-size: 10px !important;
		padding-left: 3px !important;
		padding-top: 9px !important;
		padding-right: 3px !important;
	}
	#header {
		margin-top: 0px !important;
	}
	.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
		display: block !important;
	}
	.ubermenu-responsive-default.ubermenu-responsive {
	    width: 100%;
	    max-height: 500px;
	    visibility: visible;
	    overflow: visible;
	    -webkit-transition: max-height 1s ease-in;
	    -webkit-transition: max-height .3s ease-in;
	    -o-transition: max-height .3s ease-in;
	    transition: max-height .3s ease-in;
	}
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse:not(.ubermenu-in-transition) {
	    border-top-width: 0;
	    border-bottom-width: 0;
	}
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse {
	    max-height: 0;
	    overflow: hidden!important;
	    visibility: hidden;
	}
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu {
	    margin: 0;
	}
	.ubermenu.ubermenu-main {
	    background: none;
	    border: none;
	    -webkit-box-shadow: none;
	            box-shadow: none;
	}
}
@media only screen and (max-width: 915px) {
	#search_bar {
		display: inline-block;
		width: 128px;
	}
	.x-btn.x-btn-transparent, .x-btn.x-btn-transparent:hover {
		border-width: 1px !important;
		font-family: 'Lato', sans-serif;
		height: 35px;
		font-size: 7px !important;
		padding-left: 3px !important;
		padding-top: 9px !important;
		padding-right: 3px !important;
	}
}
/*Animating Crest*/
.masthead-stacked .x-brand {
	-webkit-transition: all ease-in-out 300ms !important;
	-o-transition: all ease-in-out 300ms !important;
	transition: all ease-in-out 300ms !important;
}
.masthead-stacked .x-brand:hover {
	-webkit-transform: translate(0px, -10px) !important;
	    -ms-transform: translate(0px, -10px) !important;
	        transform: translate(0px, -10px) !important;
}

/*upcoming Events and calander styles*/
a.rhc-title-link {
        color: #115740 !important;
}
.fc-button.fc-state-default {
        background-color: #115740 !important;
        color: #cda62d!important;
        text-transform: capitalize !important;
        font-family: 'Montserrat', sans-serif;
}
.fc-button.fc-state-default:hover {
        background-color: rgba(39,94,16,0.62) !important;
}
.fc-event {
		background-color: #115740 !important;
        color: #daaa00!important;
        text-transform: capitalize !important;
        font-family: 'Montserrat', sans-serif;
        border-color: black !important;
}
.fct-tooltip {
	border-color: #daaa00 !important;
}
.fbd-dialog-controls .fbd-button-secondary, .fbd-dialog-controls .fbd-button-primary{
	background-color: #115740 !important;
	color: #daaa00!important;
	text-transform: capitalize !important;
    font-family: 'Montserrat', sans-serif;
}
.fbd-dialog-controls .fbd-button-secondary:hover, .fbd-dialog-controls .fbd-button-primary:hover {
	background-color: rgba(39,94,16,0.62) !important;
}

/*Staff page header padding*/
#class-names {
	margin-top: 0px !important;
}

/*Sticky Footer*/
.x-container.offset {
	min-height: 57vh !important;
}
.x-colophon.bottom {
	font-size: 15px !important;
}
/*It works!*/
/*Styleing the header*/
#btns_home {
    margin-left: -4px !important;
    margin-bottom: -0.5vw;
    margin-top: 1.2vw;
}

.top-btns {
	background: url(https://stedhs.org/wp-content/uploads/2018/07/wsi-imageoptim-nav-primary.png) !important;
	border: 1px black !important;
	color: #115740 !important;
	font-weight: 700 !important;
}

#btns_home_2 {
    margin-left: -4px !important;
    margin-bottom: -0.5vw;
}

#header {
	color: white;
	bottom: 20%;
	font-size: 1.2em;
	font-family: 'Lato', sans-serif;
	line-height: 1.2 !important;
	text-align: left;

}
#x-brand {
	max-height: 1vh;
}
.x-logobar-inner {
	padding-bottom: 0px !important;
}
.x-btn.x-btn-transparent, .x-btn.x-btn-transparent:hover {
	border-width: 1px !important;
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	height: 35px;
	padding-top: 9px;
}
#s {
	border-radius: 0px !important;
	background: rgba(255, 0, 0, 0.0);
	color: white;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}
#s:focus {
	border-color: black;
}
#s:hover {
	border-color: black;
}
.form-search:before {
	color: white;
	margin-bottom: -15px;
}
.x-brand img {
	margin-bottom: 1vw;
	margin-top: -.6vh;
	margin-bottom: 0px !important;
}
#menu-main-menu > li.menu-item.menu-item-type-custom.menu-item-object-ubermenu-custom.menu-item-1415 {
	display: none;
}
#hide_me_comp {
	display: none;
}
#hide_me_math {
	display: none;
}
#hide_me_sci {
	display: none;
}
#hide_me_fa {
	display: none;
}
#hide_me_soc {
	display: none;
}
#hide_me_bus {
	display: none;
}
#hide_me_um {
	display: none;
}
#hide_me_theo {
	display: none;
}
#hide_me_wl {
	display: none;
}
#hide_me_pe {
	display: none;
}
#hide_me_eng {
	display: none;
}
@media only screen and (max-device-width: 520px) {
	#section-headers{
		width: 84% !important;
	}
}

#section-headers{
	/*background: #2C5827;*/
	height: 6.1vh;
	text-align: left;
	padding-left: 3vh;
	text-transform: uppercase;
	/*border-bottom: solid 1px #0B3007;*/
	float: right;
	width: 94%;
}*/

@media only screen and (max-device-width: 520px) {
	#section-h3 {
		font-size: 1em !important;
		height: 4vh;
	}
}
@media only screen and (max-device-width: 420px) {
	#section-h3 {
		font-size: .5em !important;
	}
}
@media only screen and (max-device-width: 520px) {
	#toggle_btn_col {
		height: 4vh !important;
	}
}

#section-h3 {
	color: #115740;
	font-size: 1.5em;
	height: 6vh;
	text-align: left;
	line-height: 2.1em;
}
.toggle-btn {
	background: #115740;
	color: #daaa00;
	border: none;
	width: 6%;
	float: left;
	height: 6.1vh;
	border-bottom: solid 1px #477442;
}
@media only screen and (max-device-width: 520px) {
	.toggle-btn {
		height: 4vh;
		width: 16%;
		font-size: .5em;
	}
}
.toggle-btn:hover {
	background:#daaa00;
	color: #0B3007;
}
.toggle-btn:active {
	background:#daaa00;
	color: #0B3007;
}
.hide-btn:hover {
	background:#daaa00;
	color: #0B3007;
}
.hide-btn:active {
	background:#daaa00;
	color: #0B3007;}
.hide-btn {
	position: absolute;
	color: #daaa00;
    bottom: -6vh;
    height: 6vh;
		width: 18%;
		margin-left: -200%;;
    background-color: #115740;
    border: none;
    border-top: solid 1px #0B3007;
}
#staff-text-p {
	font-size: .56em;
  color: white;
}
#staff-text-h {
	font-size: .63em;
	color: #daaa00;
	margin-bottom: 0vh;
}
#staff-text {
	color: black !important;
background: #115740;
padding-left: 2vw;
padding-top: .50vw;
padding-bottom: .5vw;
float: right;
width: 67.001%;
height: 12.1vh;
}
#staff-btn-bio{
	width: 33%;
	background: #1B4716;
	border: none;
	text-transform: uppercase;
	height: 6.05vh;
	padding-top: 2vh;
	font-size: .6em;
}
@media only screen and (max-device-width: 1180px) {
	#staff-btn-bio {
		font-size: .75em !important;
	}
	#staff-text-p {
		font-size: .53em !important;
	}
	#staff-text-h {
		font-size: .67em;
	}
}
@media only screen and (max-device-width: 990px) {
	#staff-btn-bio {
		font-size: .5em !important;
	}
}
@media only screen and (max-device-width: 768.5px) {
	#staff-btn-bio {
		font-size: 1em !important;
	}

}
@media only screen and (max-device-width: 360px) {
	#staff-text-h {
		font-size: .51em !important;
	}
	#staff-text-p {
		font-size: .51em !important;
	}
	#staff-btn-mail {
		font-size: .5em !important
	}
	#staff-btn-bio {
		font-size: .5em !important

	}
}
#staff-btn-mail {
    width: 33%;
    height: 12.1vh;
    background: #115740;
    border: none;
    padding-top: 4vh;
}
#staff-btn-mail:hover {
	background-color: rgb(205, 166, 45);
}
#staff-btn-bio:hover {
	background-color: rgb(205, 166, 45);
}
#staff-img {
	margin-bottom: 0px !important;
	width: 100%;
		-webkit-filter: grayscale(1);
	}
	#staff-img:hover {
		-webkit-filter: grayscale(0);
}
#menu-about {
	background: #115740;
	text-shadow: none;
  border-radius: 0;
 font-size: .79em;
}
#menu-students {
	background: #115740;
	text-shadow: none;
  border-radius: 0;
	 font-size: .79em;
}
#menu-admission {
	background: #115740;
	text-shadow: none;
	 font-size: .79em;
  border-radius: 0;
}
#menu-parents {
	background: #115740;
	text-shadow: none;
	 font-size: .79em;
  border-radius: 0;
}
#menu-spiritual{
	background: #115740;
	text-shadow: none;
	 font-size: .79em;
  border-radius: 0;
}
#menu-athletics {
	background: #115740;
	text-shadow: none;
	 font-size: .79em;
  border-radius: 0;
}
#menu-academics {
	background: #115740;
	text-shadow: none;
	 font-size: .79em;
  border-radius: 0;
}
.widget_nav_menu .current-menu-item>a {
	background: url(https://stedhs.org/wp-content/uploads/2018/07/wsi-imageoptim-nav-primary.png);
	border-color: black !important;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	background-size: 75px;
	color: #115740 !important;
}
.ubermenu .ubermenu-target-text {
    display: inline-block;
    vertical-align: middle;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: .99em;
    font-weight: 700 !important;
	}
.widget ul li a {
	color: white !important;
}
.widget ul li a:hover {
	color: #115740 !important;
}
#site-tab {
	color: rgb(205, 166, 45);
    background: #115740;
    font-size: 1.5em;
    padding-bottom: 12px;
    margin-left: 18px;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-top: 1vh;
    border: solid 2px;
    border-bottom: none;
    margin-bottom: -12px;
		border-radius: 3px;
}
.widget_nav_menu ul li a::before {
	margin-left: 6px;
}
.ubermenu-submenu-id-151 {
	background: #115740 !important;
}
#menu-item-251 > ul > li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-has-children.ubermenu-item-1286.ubermenu-item-level-1.ubermenu-column.ubermenu-column-1-2.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-1286 {
		background: #115740 !important;
		 font-size: .79em;
}
.ubermenu-item-707 {
	background: #115740 !important;
}
.ubermenu-submenu-id-30 {
	background: #115740 !important;
}
.ubermenu-item-920 {
	background: #115740 !important;
}
.ubermenu-item-924 {
	background: #115740 !important;
}
.ubermenu-item-739, li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-has-children.ubermenu-item-3658.ubermenu-item-level-1.ubermenu-column.ubermenu-column-1-2.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-3658 {
	background: #115740 !important;
}
.ubermenu-bound .ubermenu-submenu-type-mega {
	max-width:50%;
}
.x-map {
	margin-bottom: 0px !important;
}
#menu-item-1112 > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#comments {
	display: none !important;
}


#menu-item-1265 {
	background: url(https://stedhs.org/wp-content/uploads/2016/10/wsi-imageoptim-twitter-green.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-size: 0em;
	height: 30px;
	margin-top: 1.5vh;
	width: 30px;
	margin-left: .7vw;
}
#menu-item-1262 {
	background: url(https://stedhs.org/wp-content/uploads/2016/10/wsi-imageoptim-instagram-green.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-size: 0em;
	height: 30px;
	margin-top: 1.5vh;
	width: 30px;
	margin-left:1.4vh;
}
#menu-item-1263 {
	background: url(https://stedhs.org/wp-content/uploads/2016/10/wsi-imageoptim-Facebook-green.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-size: 0em;
	height: 30px;
	margin-top: 1.5vh;
	width: 30px;
}
.x-recent-posts .x-recent-posts-date {
	display: none;
}
@media screen and (max-width: 959px){
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu .ubermenu-nav {
	    display: block;
	    font-size: 1.3em;
	}
	#menu-item-1265 {
		background-size: cover;
		background-repeat: no-repeat;
		font-size: 0em;
		height: 40px;
		margin-top: 0.8vh;
		margin-left: .1vw;
		min-width: 1px;
		width: 40px;
	}
	#menu-item-1262 {
		background-size: cover;
		background-repeat: no-repeat;
		font-size: 0em;
		margin-left: .1vw;
		height: 40px;
		margin-top: 0.8vh;
		min-width: 1px;
    width: 40px;
		position: absolute;
    top: 232px;
    left: 80px;
	}
	#menu-item-1263 {
		background-size: cover;
		background-repeat: no-repeat;
		font-size: 0em;
		height: 40px;
		margin-top: 0.8vh;
		min-width: 1px;
		width: 40px;
	}
}
@media screen and (max-width: 481px){
	#menu-item-1262 {
		background-size: cover;
		background-repeat: no-repeat;
		font-size: 0em;
		margin-left: .1vw;
		height: 40px;
		margin-top: 0.8vh;
		min-width: 1px;
    width: 40px;
		position: absolute;
    top:464px;
    left: 80px;
	}
}

#menu-main-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1263{
display:none;
}

#menu-main-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1262{
display:none;
}

#menu-main-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1265{
display:none;
}
#addown {
    max-width: 140%;
}
#Home-text {
	Border: #dedede solid 1px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0.075);
	        box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0.075);
	padding: 1em;
	margin: 1em 0px;
	text-shadow: none;
	background: none;
	text-align: left;
	font-size: 1em;
	color: #115740;

}