/*
Theme Name: HTI
*/
html, body {
    max-width: 1440px;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
}

body {
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif!important;
    line-height: normal!important;
}

.posts_h2{
    color:red;
}

.site-nav {
	background-color: #015039;
    color: white;
    list-style-type: none;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
    padding-bottom: 15px;
}

/*************** MAIN NAV ***************/
.navbar {
    justify-content: flex-end!important;
    padding: 0!important;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}

.site-nav li:hover > .sub-menu, 
.site-nav li:focus > .sub-menu, 
.site-nav li:active > .sub-menu, 
.site-nav li:focus-within > .sub-menu {
    display: grid;
    box-shadow: 0px 3px 10px rgba(000,000,000,0.5);
}

.site-nav ul {
    list-style-type: none;
    margin: 0;
}

.site-nav ul li {
    padding-top: 7px;
    padding-bottom: 7px;
    float: right;
}

.site-nav ul li a {
    line-height: 2;
    overflow: hidden;
    color: white;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 15px 13px;
}

.site-nav ul li:hover > a,
.site-nav ul li:focus > a {
	background-color: white;
	color: #015039;
}


.site-nav ul li.current-menu-item a:link,
.site-nav ul li.current-menu-item a:visited {
	background-color: white;
	color: #015039;
}

.site-nav ul li.current-menu-item a:visited:hover {
	color: white;
	background-color: #000;
}

.sub-menu {
    display: none;
    position: absolute;
    background-color: #005039;
    z-index: 999;
}

ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.sub-menu li:hover > .sub-menu, 
.sub-menu li:focus > .sub-menu{
    display: inline-grid;
}
/*************** END NAV ***************/



/*************** SEARCH ***************/
div.hd-search {
    margin-right: 8rem;
    position: absolute;
    margin-left: 54rem;
    margin-top: -5rem;
}

div.hd-search label {
	position: absolute;
	left: -9999px;
}

div.hd-search #searchsubmit {
	background-color: #005039;
	color: #FFF;
	padding: 5px 14px;
	border: none;
    vertical-align: top;
    font-size: 30px;
}

div.hd-search #s {
	vertical-align: top;
    padding: 13px 10px;
    width: 20rem;
    border: none;
}

input[type=text] {
    display: flex;
    width: 130px;
    font-size: 0.9rem;
    background: #ededed 
                url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png)
                no-repeat 
                5px 
                center;
    padding: 10px 5px 10px 28px;
    -webkit-transition: width 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: width 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);;
    border: white;
    justify-content: center;
}

input::placeholder {
    font-size: 0.9rem;
    margin: 0;
    padding: 0;
}

input[type=text]:focus {
  width: 105%;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(255,255,255,.4);
  outline: none!important;
}

input[type=text]:focus > .navbar {
    padding-right: 3rem!important;
}
/*************** END SEARCH ***************/



/*************** UPCOMING EVENT ***************/
/* This is a customization for the Events Calendar Shortcode and Templates Addon Plugin */
/*.custom-event {*/
/*	padding-bottom: 5%;*/
/*}*/

/*.ect-event-url {*/
/*    text-decoration: underline;*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*}*/

/*.ect-date-area {*/
/*	font-size: 25px;*/
/*    font-weight: bold;*/
/*    color: #015039;*/
/*}*/

/*.ect-event-content p {*/
/*	color: #015039;*/
/*}*/

/*#ect-events-list-content .ect-list-description .ect-event-content a {*/
/*    color: #015039!important;*/
/*    display: inline-block;*/
/*    margin: 10px 0 5px;*/
/*    font-weight: 700;*/
/*    text-decoration: none;*/
/*    box-shadow: none;*/
}
/*************** END UPCOMING EVENT ***************/

.wp-block-cover, .wp-block-cover-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}


.cal {
    border-right: 2px solid rgba(0,0,0,0.3);
}

.wp-block-cover 
.wp-block-cover__inner-container 
{
    width: calc(100% - 20%);
    z-index: 1;
    color: #000000;
    /*width: 100vw;*/
    /*position: relative;*/
    /*margin-left: -50vw;*/
    /*left: 50%;*/
}

.wp-block-columns {
    margin-bottom: 0;
}

.wp-block-button__link {
    background-color: #01503A;
    border-radius: 0;
}

p:empty{
    display: none;
    height: 0;
    margin: 0;
    padding: 0;
}