/*
Theme Name:   Twenty Seventeen Child
Theme URI:    https://wordpress.org/themes/twentyseventeen/
Description:  A Twenty Seventeen child theme
Author:       WPBeginner
Author URI:   https://wordpress.org/themes/author/wordpressdotorg/
Template:     twentyseventeen
Version:      1.0.0
*/

@import url("../twentyseventeen/style.css");

.navigation-top {
  border-bottom: 1px solid #5C97CC;
}
.navigation-top .wrap {
    max-width: 1200px;
}
.navigation-top a:hover {
  color: #3669B2;
} 
.navigation-top a:active {
  color: #3669B2;
}
.navigation-top .current-menu-item > a {
  color: #3669B2;  
}



.secondary_menu_class {
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 8;
	font-size: 0.82rem;
  font-weight: 600;
  width:100%;
  text-align: right;
  background: #2e353f;
  padding-right: 20px;
}
.secondary_menu_class > ul {
  margin-bottom: 0;
}

.secondary_menu_class > ul > li {
  display: inline-block;
  padding: 5px 0px 2px 0px;
  margin-left: 15px;
}
.secondary_menu_class ul li a {
  color: #FFF;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.secondary_menu_class ul li a:hover {
  color: #ccd3de;
}
.secondary_menu_class ul ul {
    background: #2e353f;
    border: 1px solid #424b58;
    display: none;
    padding: 5px 15px;
    position: absolute;
    right: 10px;
    top: 100%;
    z-index: 99999;
    text-align: left;
}
.secondary_menu_class ul ul li {
  list-style-type: none;
  padding: 5px;
}
.secondary_menu_class > ul > li:hover ul {
  display: block;
}                  
   

.page-one-column .panel-content .wrap {
    max-width: 1200px;
}

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    max-width: 100%;
}


.panel-image {
    height: 70vh;
}


/*.page #panel1 .panel-content .entry-title {
  display:none;
}*/ 

.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
  margin-bottom: 3em;  
}

/*.page.page-one-column #panel1 .entry-header {
  margin-bottom: 0; 
}*/

.page .panel-content .entry-content .hpbox {
  float: left;
  width: 31%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 15px 0px 15px;
  min-width: 260px;
}
.page .panel-content .entry-content .hpbox_twoCol {
  float: left;
  width: 48%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 15px 0px 15px;
  min-width: 260px;
}
.page .panel-content .entry-content .hpleft {
  margin: 0 15px 0 0;
  /*background: url(http://a3space.org/wp-content/uploads/2017/07/1693-200.png) center 20px no-repeat;
  background-size: auto 120px;   */
}
.page .panel-content .entry-content .hpmiddle {
  margin: 0 15px;
 /* background: url(http://a3space.org/wp-content/uploads/2017/07/1693-200.png) center 20px no-repeat;
  background-size: auto 120px;    */
}
.page .panel-content .entry-content .hpright {
  margin: 0 0 0 15px;
 /* background: url(http://a3space.org/wp-content/uploads/2017/07/1693-200.png) center 20px no-repeat;
  background-size: auto 120px;    */
}
.page .panel-content .entry-content .hpbox .iconFA, .page .panel-content .entry-content .hpbox_twoCol .iconFA {
  color: #555;
  font-size: 600%;
  text-align: center;
  margin-bottom: -30px;
}
.page .panel-content .entry-content .hpbox p.same_height {
  margin-bottom: 0px;
  min-height: 160px;
}
.page .panel-content .entry-content .hpbox_twoCol p.same_height {
  margin-bottom: 0px;
  min-height: 100px;
}
.page .panel-content .entry-content .hpbox .button, .page .panel-content .entry-content .hpbox_twoCol .button {
  background-color: #D69F13;
  padding: 10px 25px;
  margin: 0px auto 25px auto;
  text-align: center;
  font-weight: 600;
  display: block;
  cursor: pointer;
  color: white;
  border-radius: 3px;
  box-shadow: none;  
}



/* different screen sizes */
@media screen and (max-width: 47.99em) {
  .secondary_menu_class {
    position: relative;
  }
}


@media screen and (min-width: 48em) {
	/* Layout */
	.wrap {
		max-width: 1200px;
	}
  
  .main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #3669B2;
	}
  .site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 25px;
		width: 100%;
		z-index: 7;
	}
  .admin-bar .secondary_menu_class {
		top: 32px;
	}
  .admin-bar .site-navigation-fixed.navigation-top {
		top: 57px;
	}
}

@media screen and (max-width: 62em) {
  /* Homepage boxes */
  .page .panel-content .entry-content .hpbox, .page .panel-content .entry-content .hpbox_twoCol {
    clear: left;
    width: 100%;
  }
  .page .panel-content .entry-content .hpleft {
    margin: 0 0 15px 0;
  }
  .page .panel-content .entry-content .hpmiddle {
    margin: 0 0 15px 0;
  }
  .page .panel-content .entry-content .hpright {
    margin: 0;
  }
  .page .panel-content .entry-content .hpbox p.same_height, .page .panel-content .entry-content .hpbox_twoCol p.same_height {
    margin-bottom: 20px;
    min-height: 50px;
  }
}