/* UNUSED STYLES ??

.imageborderandshadow {
    -moz-box-shadow:5px 5px 5px #AAAAAA;
    -webkit-box-shadow:5px 5px 5px #AAAAAA;
    border:1px solid #CCCCCC;
    margin:10px;
    padding:6px;
}

*/


/* style the page header in topbar position  */

.container-header {
    background-image: none !important;
    background-color: #ccfafa;
}

#logotext {
    top: 1px;
    font-size: 50px;
    line-height: 1.05;
    color: white;
    letter-spacing: 2px;
    margin-left: 25px;
    margin-right: 25px;
    text-align: left;
}

#pageheadingtextleft {
    top: 1px;
    font-size: 35px;
    line-height: 1.05;
    color: white;
    letter-spacing: 2px;
    text-align: left;
    background-color: #7ec1db;
    padding-top: 25px;
}

#pageheadingphoto {
    background-color: #7ec1db;
}

 #pageheadingcurve, #pageheadingtextright {
    color:#000000;
    background-color: #ccfafa;
}	

/*  change the hover color for the   linked in   link in top right header */
.container-topbar a:not(.btn):hover,.container-topbar a:not(.btn):focus,.container-topbar .btn-link:hover,.container-topbar .btn-link:focus,
.container-below-top a:not(.btn):hover,.container-below-top a:not(.btn):focus,.container-below-top .btn-link:hover,.container-below-top .btn-link:focus {
    color: #808080;
}

.linkedin {
text-decoration:none;
}

/* END style the page header in topbar position  */

/* -----------------------------------------------------------------------------------------------------------------*/

/*  navigation menu  */

.container-header .navbar-toggler {
    color: #000000;
    border: 1px solid #000000;
    margin-left:15px;
}		
/* change the color of the text for the menu and drop menu from white to black */
.container-header .mod-menu>li,
.container-header .mod-menu .mod-menu__sub a,.container-header .mod-menu .mod-menu__sub span 
 {
    color: #000000;
}

.container-header .mod-menu .parent>ul {
    color: #22262a;
    display: none;
    background-color: #ccfafa;
    font-size: 1.04em;
}

/* end Navigation menu */


/* -----------------------------------------------------------------------------------------------------------------*/

/* page headers */

.page-header {
margin-top:25px;
margin-bottom: 25px;
}

.page-header  h1{
    text-transform: uppercase;
    font-size: 1.4em !important;
    letter-spacing: 1px;
    color: #51acce;
}

/*  end page headers */


/* -----------------------------------------------------------------------------------------------------------------*/

/* style the cards that show in right sidebar */
.card {
    --card-border-color: #ccfafa;
    background-color: #ccfafa;
}
.card-header {
    background-color: #ccfafa;
    font-size: 1.5em;
}

/* end style the cards that show in right sidebar */


/* -----------------------------------------------------------------------------------------------------------------*/


/* footer */

.footer {
    color: #000000;
    background-color: #FFFFFF !important;
    background-image: none;
}

.footer .grid-child {
display:block;
text-align:center;
}

.footer-developer-credit {
color:#D8D8D8;  margin-top: 15px;
}

/* end footer */

/* -----------------------------------------------------------------------------------------------------------------*/

/* slideshow */

#slideshowcode {
float:right;
margin-left:35px;
margin-bottom:25px;
}

#slideshow img {
    -moz-box-shadow:5px 5px 5px #AAAAAA;
    -webkit-box-shadow:5px 5px 5px #AAAAAA;
    border:1px solid #CCCCCC;
    margin:10px;
    padding:6px;

}
/* END slideshow */

/* -----------------------------------------------------------------------------------------------------------------*/
/*                             BEGIN RESPONSIIVE STYLES 
/* -----------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 575px) {
  /* Custom styles for extra small devices (<576px) */
}

@media only screen and (min-width: 576px) {
  /* Custom styles for small devices (≥576px) */
}

@media only screen and (min-width: 768px) {
/* Custom styles for medium devices (≥768px) */

    #pageheadingtextleft {
    font-size: 50px;
    padding-top: 0px;
     }

}

@media only screen and (min-width: 992px) {
  /* Custom styles for large devices (≥992px) */
}

@media only screen and (min-width: 1200px) {
  /* Custom styles for extra large devices (≥1200px) */
}

/* -----------------------------------------------------------------------------------------------------------------*/
/*                             END RESPONSIIVE STYLES 
/* -----------------------------------------------------------------------------------------------------------------*/