@charset "utf-8";

/* CSS Document */


/* ..........................QUOTE................................... */

.spotlight-banner-content {

  padding-bottom: 5rem;

}

img.blockrel-overlay {

  width: 150px;

  height: 150px;

}

#dnn_ctr7149_HtmlModule_lblContent {
    margin-top: -8rem;
}

.quote-name {

  text-align: right !important;

  float: right;

}

.intro-blurb p {

  margin-bottom: 10px;

  margin-top: 10px;

}

.top-seal {

  margin-top: -2rem;

  margin-bottom: 0rem;

  padding: 3em 3em 2em;

  max-width: 75%;

  background: #fff;

  box-shadow: 0 3px 6px rgb(0 0 0 / 15%), 0 3px 16px rgb(0 0 0 / 15%);

}

.dod-seal {

  min-height: 150px;

  top: 1.5em;

}

/*...............................SUMMARY..................................... */

#summary .summary {
    padding: 1rem 0 2rem;
}


#summary .summary .title-column p {

  display: block;

  text-align: center;

  background: #15263b;

  color: #fff;

  font-size: 1.2rem;

  padding: 10px;

  margin: 20px 0px;

}

#summary .title-column {

  margin-top: 30px;

  margin-bottom: 25px;

}



.indent {

  padding-left: 15px;

}

#summary .summary a {

  line-height: inherit;

  text-decoration: none;

  color: #fff;

  -webkit-box-shadow: inset 0 -2px 0 #0a856a;

  box-shadow: inset 0 -2px 0 #0a856a;

  padding: 2px 0 0;

  -webkit-transition: background-color 350ms ease-out;

  transition: background-color 350ms ease-out;

}

#summary .summary a:hover {

  background-color: #9dcec3;

  color: #000;

  -webkit-transition: background-color 350ms ease-out;

  transition: background-color 350ms ease-out;

  -webkit-box-shadow: none;

  box-shadow: none;

  text-decoration: none;

}

/*********Points of COntact Section *****/
.alist-inner.sidebar-section-inner.contact {
    padding: 0;
}
#updates {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 30px 30px 50px;
    
    background: url(/Portals/1/Spotlight/2024/pardon/Standing.jpg);
    background-size: cover;
    background-position: center center;
}
#updates .content {
    position: relative;
    z-index: 3;
    width: 90%;
    margin: auto;
    text-align: left;
}
#updates .screen {
    background: linear-gradient(90deg, #254267, #15263b, #254267);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2;
    opacity: .9;
    transition: all 0.25s ease-out;
}
.content .address p { margin: 0; font-size: 17px; color: #fff; } .content .address H3 { color: #fff; font-size: 1.2rem; padding: 30px 0 0; border-bottom: 1px solid #fff; }
#updates .content p.updatetitle {
    color: #000;
    width: 100%;
    border-bottom: 1px solid #ffffff4d;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #fff;
    padding: 10px 15px;
    transition: all 0.25s ease-out;
    font-size: 1rem;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
}
ul.links {
    max-width: 400px;
    margin: 0 auto;
}
.links li {
    list-style: disc;
    color: #fff;
    padding: 8px;
}

/**** ACCORDION *****/

 #heading9, #heading19, #heading1, #heading11 { border-top: none; } .myaccordion li { font-size: 17px; margin-left: 20px; list-style: disc; line-height: 1.5em; } h3.DGOVTitle { border-bottom: 1px solid #ccc; padding: 5px 20px; font-size: 1.1rem; color: #fff; margin: 1em 0 .5em; background: #254267; } .myaccordion .card:hover { box-shadow: none; } .myaccordion .card-header:hover, .myaccordion .card-header:active { background: #f4f4f4; } /*************************************************** ACCORDION SECTION ***************************************************/ .top-pg { max-width: 65%; margin: 0 auto; } .top-pg p { font-size: 18px; line-height: 1.8em; } .accordion { } .itemEach { margin: -15px; } .panel-title A:hover { text-decoration: none; } .myaccordion { margin: 1em auto 2em; border-bottom: 1px solid #eee; } .myaccordion .card, .myaccordion .card-header { } .myaccordion .card-header { border-top: 1px solid #eee; background: transparent; } .myaccordion .fa-stack {
    font-size: 15px;
    color: #355e93;
    padding-left: 50px;
} .myaccordion .btn { width: 100%; font-weight: 600; padding: 10px; text-align: left; display: inline-flex; align-items: center; justify-content: space-between; color: #333; } .myaccordion .btn i { margin-left: unset; } .myaccordion .btn-link:hover, .myaccordion .btn-link:focus { text-decoration: none; outline: none; } .myaccordion li + li { margin-top: 10px; } h2.mb-0 { padding: 0 0 8px; margin: 0; }.sections .card-body p {
    padding: 0 20px 20px;
    margin: 0;
    font-size: 17px;
    color: #333;
    line-height: 1.7em;
} a.btn.btn-sm.btn-primary.btn-nds { display: flex; flex-direction: row; justify-content: center; } .btn-nds i.fas.fa-external-link-alt { margin-top: 3px; } .more-wrap { text-align: center; margin: 3em auto; max-width: 600px; } .more-wrap .graphic-btn { font-family: 'Oswald'; font-size: 1.4rem; } .more-wrap .graphic-btn span { font-family: lato; font-size: 15px; display: block; } .graphic-btn i.fas.fa-external-link-alt { font-size: 1rem; padding: 0 0 5px 10px; } .btn-primary i.fas.fa-external-link-alt { font-size: 15px; } .myaccordion li { font-size: 17px; margin-left: 20px; list-style: disc; }

/***SIDEBARS****/

 .address p { margin: 0; font-size: 17px; } #service-sites .sidebar-section-inner { padding: 0; background: none; border: none; } #service-sites a.service-site-each { display: block; padding: 25px 20px; margin: 10px 0 0; background: #ebeff5; color: #355e93; border: 1px solid #355e93; } #service-sites a.service-site-each span { padding-right: 13px; border-left: 0px solid #fff; text-decoration: none; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } #service-sites a.service-site-each:hover { text-decoration: none; } #service-sites a.service-site-each:hover span { color: #355E93; padding-right: 0; padding-left: 10px; border-left: 3px solid #254267; } #service-sites a.service-site-each img { display: block; position: absolute; top: 20px; right: 12px; max-width: 55px; } #service-sites a.service-site-each .fas { display: inline-block; margin-left: 5px; font-size: .8em; } /*************************************************** ARMY ***************************************************/ #service-wrap-army { background-color: #376251; color: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw)); margin-top: 0; padding-top: 100px; box-shadow: 0 10px 50px -10px rgba(0,0,0,0.6) inset; } #service-wrap-army::before { background-color: rgba(55,98,81,0.8); } #service-wrap-army .card-each .info { border-color: #BD9F03; } /*************************************************** MARINES ***************************************************/ #service-wrap-marines { background-color: #C9BFA4; color: #fff; } #service-wrap-marines::before { background-color: rgba(201,191,164,0.8); } #service-wrap-marines .card-each .info { border-color: #990F00; } /*************************************************** NAVY ***************************************************/ #service-wrap-navy { background-color: #002F6C; color: #fff; } #service-wrap-navy::before { background-color: rgba(0,47,108,0.8); } #service-wrap-navy .card-each .info { border-color: #998542; } /*************************************************** AIR FORCE ***************************************************/ #service-wrap-air-force { background-color: #0E2538; color: #fff; } #service-wrap-air-force::before { background-color: rgba(239,239,239,0.8); } #service-wrap-air-force .card-each .info { border-color: #0055A5; } /*************************************************** SPACE FORCE ***************************************************/ #service-wrap-space-force { background-color: #efefef; background-position: bottom center; color: #fff; } #service-wrap-space-force::before { background-color: rgba(14,37,56,0.8); } #service-wrap-space-force .card-each .info { border-color: #2C588F; } /*************************************************** COAST GUARD ***************************************************/ #service-wrap-coast-guard { background-color: #355E92; color: #fff; } #service-wrap-coast-guard::before { background-color: rgba(53,94,146,0.8); } #service-wrap-coast-guard .card-each .info { border-color: #FF5000; } /*************************************************** NATIONAL GUARD ***************************************************/ #service-wrap-national-guard { background-color: #333; color: #fff; clip-path: polygon(0 calc(0% + 5vw), 100% 0, 100% 100%, 0 100%); margin-bottom: 0; padding-bottom: 100px; box-shadow: 0 -10px 50px -10px rgba(0,0,0,0.6) inset; } #service-wrap-national-guard::before { background-color: rgba(0,0,0,0.8); } #service-wrap-national-guard .card-each .info { border-color: #F3C179; } 

/* RESPONSIVE */



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

	


}
@media only screen and (max-width: 767px) {.myaccordion .card h2, .myaccordion .card p {
    display: block;}}


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

  .top-seal {

    max-width: unset;

    padding: 3em 2em 2em;

  }



  .intro-blurb p {

    margin-bottom: 20px;

  }

  .top-seal {

    margin-top: -3rem;

  }

}
@media only screen and (min-width: 768px) and (max-width: 991px) {.myaccordion .card h2, .myaccordion .card p {
    display: block;}}
@media only screen and (max-width: 1199px) {

  .top-seal {

    max-width: 90%;

  }
	.DnnModule.DnnModule-DNN_HTML.DnnModule-7143 {display: none;}
	.DnnModule.DnnModule-DNN_HTML.DnnModule-7152 {display: block;}

}
@media only screen and (min-width: 1200px) {

  
	.DnnModule.DnnModule-DNN_HTML.DnnModule-7143 {display: block;}
	.DnnModule.DnnModule-DNN_HTML.DnnModule-7152 {display: none;}

}