#wrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -70px;
}
#push, #footer {
    height: 63px;
}

a {
    color: #000000;
}
a:hover {
    text-decoration: none;
    color: #000000;
}
a:focus, .overlay, object, video {
    outline: none;
}

.logo-color {
    color: #66B8F2;
}

hr {
    color: #000000;
    background-color: #000000;
    margin: 0;
    height: 1px;
    border-top: 1px solid #000000;
    border-bottom: none;
}

/* header */
#header {
    padding: 5px 0 0 0;
}

/* footer */
#footer p {
    color: #7C7C7C;
    font-size: 0.8em;
    text-align: left;
}


/* file upload */
.file-upload-table img {
    width: 80px;
}

.hidden {
    display: none;
}

.input-micro {
    width: 25px;
}

/* menu */
div#menu {
    font-family: 'Englebert',arial,serif;
    font-size: 1.6em;
    font-weight: bold;
}
div#box {
    background-color: #E6E6E6;
    border: 1px solid #D0D0D0;
    padding: 4px;
}
.nav_box_content {
    background-color: #FFFFFF;
    border: 1px solid #000000;
}
.nav_box_content ul li {
    padding: 0 10px;
    line-height: 32px;
}
.nav_box_content ul li a {
    display: block;
    border-bottom: 1px solid #EBE9E3;
    padding: 10px 0 0 0;
}
.nav_box_content ul li a:hover, .nav_box_content ul li a.active {
    color: #519330;
}

.nav_box_content ul li a.fb {
    color: #6080ba;
    font-family: "lucinda grande",tahoma,verdana,arial,sans-serif;
    border-bottom: none;
}

h1.title {
    font-family: 'Englebert',arial,serif;
    font-size: 2.2em;
    font-weight: bold;
}

.page-txt p {
    color: #333333;
    font-size: 1.1em;
}


.btn-logo {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#65b7f1), to(#65b7f1));
  background-image: -webkit-linear-gradient(top, #65b7f1, #65b7f1);
  background-image: -o-linear-gradient(top, #65b7f1, #65b7f1);
  background-image: linear-gradient(to bottom, #65b7f1, #65b7f1);
  background-image: -moz-linear-gradient(top, #65b7f1, #65b7f1);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff65b7f1', endColorstr='#ff65b7f1', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-logo:hover,
.btn-logo:active,
.btn-logo.active,
.btn-logo.disabled,
.btn-logo[disabled] {
  color: #ffffff;
  background-color: #65b7f1;
  *background-color: #65b7f1;
}

/* blog */
article .post-meta {
    padding-bottom: 10px;
    color: #727272;
}
article .post-content {
    font-size: 110%;
}
article .post-header h3 {
    font-size: 20px;
}
hr.post-divider {
    margin: 40px 0;
    color: #ddd;
    background-color: #ddd;
    border: none;
}
article .read-more {
    display: block;
    margin-top: 20px;
    color: #0488cd;
}
article header .post-meta {
    display: inline-block;
    margin-right: 25px;
}
article header .post-meta a {
    color: #0488cd;
}

.tag-list {
    padding-top: 20px;
}
.tag-list ul li {
    border-bottom: 1px solid #F8F8F8;
    line-height: 24px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.tag-list ul li:hover {
    padding-left: 5px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.tag-list ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 10px;
    font-size: 100%; /* matching font-size on text */
}
.tag-list ul li a {
    color: #0488cd;
    font-size: 100%;
}

.hdr-address {
    padding: 40px 40px 0 0;
}
.hdr-address address {
    margin: 0;
}

ul.error {
    color: red;
}

/* navbar */
.navbar {
    margin-bottom: 0;
}
.icon-bar {
    background-color: #9B9B9B;
}

.menu {
    width: 220px; /* override nuerer template */
}

.menu .menu-item {
    text-transform: uppercase;
}

address.email {
    font-size: 80%;
}

ul.sublist li {
    padding-left: 1em;
}

.modal-title {
    float: left;
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-header .close {
    margin: 0;
    margin-top: 5px;
}

.modal-body form, .modal-body .lead {
    padding: 20px;
}
a.contact, a.underline {
    text-decoration: underline;
}
.about-img-container {
    max-width: 80%; /* matched up with proj title */
    text-align: center;
    margin: auto;
}
.about-img-container img {
    display: block;
    margin: auto; /* centers the image */
}
.about-img-container img:first-child {
    margin-bottom: 1em;
}

#gallery_info_modal .modal-body {
    padding: 1em;
}

/* important to have these two classes lining up */
.cbp-l-project-title, .cbp-l-project-subtitle {
    max-width: 80%;
    margin: auto;
}
.cbp-l-project-subtitle {
    margin-bottom: 1em;
}

#about_logos {
  padding-bottom: 20px; 
  text-align: center;
}
#about_logos img {
    margin: 1em;
}

.portfolio-content.hero::before {
    content: "";
    background-image: url(/img/02/cover-9.jpg); 
    position: absolute; 
    z-index: -2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1.0;
}
.portfolio-content.hero.headshots-banner::before {
    background-image: url(/img/05/headshots-banner-02.jpg); 
}
.hero {
    position: relative;
    padding: 4em 0 6em 2em;
}
@media (min-width: 768px) {
    .hero.headshots-banner {
        padding: 1em 0 0 2em;
    }
}
@media (min-width: 1440px) {
    .hero.headshots-banner {
        padding: 3em 0 3em 2em;
    }
}
@media (min-width: 1600px) {
    .hero.headshots-banner {
        padding: 6em 0 3em 2em;
    }
}
@media (min-width: 2000px) {
    .hero.headshots-banner {
        padding: 11em 0 3em 2em;
    }
}
.hero h1 {
    color: #ffffff;
    text-shadow: black 2px 2px 3px;
    font-size: 18px;
}
.hero #typed_strings, .hero.headshots-banner h1 {
    color: #ffed5b;
}

/* hero media queries */
@media (min-width: 425px) {
    .hero h1 {
        font-size: 22px;
    }
}
@media (min-width: 768px) {
    .hero h1 {
        font-size: 28px;
    }
}
@media (min-width: 1024px) {
    .hero h1 {
        font-size: 32px;
    }
}
@media (min-width: 1440px) {
    .hero h1 {
        font-size: 36px;
    }
}

.outer-container {
    margin-top: 0; /* override default from template */
}

/* this margins the footer out of the way so content does not flow into it */
#sessions, #packages, #about, #blog, #testimonials {
    margin-bottom: 40px;
}

/* headshot landing */

.freq-question {
    background-color: white;
    padding: .5em;
    margin-bottom: 1em;
}
/* hide children of freq question except h5 */
.freq-question:not(.default-expanded) > .content {
    display: none;
}
.freq-question h5 {
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
}
.freq-question .content .transition {
    /*text-decoration: underline;*/
    font-weight: bold;
}
.freq-question .control, .freq-question > .content {
    padding: 0 6px;
    background-color: white;
}

.give-away img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
@media (min-width:768px) {
    .give-away img {
        width: 50%;
    }
}
@media (min-width:1024px) {
    .give-away img {
        width: 80%;
    }
}

ul.min-pad {
    padding-inline-start: 1em;
}

.mobile-gallery img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.singlepage-center {
    text-align: center;
}

.list-center {
    margin-top: 3em;
}
@media (min-width:768px) {
    .list-center {
        width: 60%;
    }
}
.list-center ul {
    padding-inline-start: 1em;
}

.big-img {
    width: 100%;
}
.big-img.big-img-half {
    width: 75%;
}
@media (min-width:768px) {
    .big-img {
        width: 75%;
    }
    .big-img.big-img-half {
        width: 50%;
    }
}
@media (min-width:1600px) {
    .big-img {
        width: 50%;
    }
    .big-img.big-img-half {
        width: 35%;
    }
}

/* headshots near me for 320px */
.headshots-near-me h1 {
    font-size: 20px;
}
.location-map-near-me {
    padding-top: 1em;
    width: 100%;
}
.location-map-near-me::before {
    content: "";
    background-image: url(/img/07/plano.map.background.2.jpg); 
    position: absolute; 
    z-index: -2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 10%;
    left: 0;
    height: 75%;
    width: 100%;
    opacity: 0.2;
}
.location-map-plano::before {
    background-image: url(/img/07/plano.map.background.2.jpg); 
}
.location-map-allen::before {
    background-image: url(/img/08/allen.map.background.2.jpg); 
    opacity: 0.6;
}
@media (min-width: 320px) {
    .headshots-near-me h1 {
        font-size: 24px;
    }
    .location-map-near-me::before {
        width: 95%;
    }
}
@media (min-width: 320px) {
    .headshots-near-me h1 {
        font-size: 26px;
    }
    .location-map-near-me::before {
        width: 95%;
    }
}
@media (min-width: 768px) {
    .location-map-near-me {
        padding-top: 2em;
        width: 80%;
    }
    .location-map-near-me::before {
        top: 14%;
        left: 8%;
        height: 57%;
        width: 83%;
    }
}
@media (min-width: 1024px) {
    .portfolio-content.hero.headshots-banner {
        padding-top: 6em;
    }
}
@media (min-width: 1440px) {
    .location-map-near-me::before {
        height: 48%;
    }
}
@media (min-width: 1600px) {
    .portfolio-content.hero.headshots-banner {
        padding-top: 8em;
    }
    .location-map-near-me {
        width: 60%;
    }
    .location-map-near-me::before {
        height: 57%;
    }
}
@media (min-width: 2500px) {
    .portfolio-content.hero.headshots-banner {
        padding-top: 16em;
    }
    .location-map-near-me {
        width: 50%;
    }
    .location-map-near-me::before {
        top: 14%;
        left: 14%;
        height: 57%;
        width: 69%;
    }
}
