/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    /*padding-top: 50px;*/
    overflow-x: hidden;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}
.carousel-inner .item img {
    max-width:75%;
}

/* QR code generator */nav
#qrCode {
    margin: 15px;
}

/* NWF custom CSS ... */
/*NAVBAR OVERRIDE:*/
.navbar-nav > li > a {padding-top:11px; padding-bottom:11px;}
.navbar-inverse {min-height:32px !important}
.navbar-toggle { margin-top:2px; margin-bottom:2px; padding:2px 5px; }
.navbar-brand { padding:10px 5px 12px 5px; line-height:1; height:auto; }
.navbar-form.search { padding:5px 15px; margin:2px 0 0; }

/*responsive img:*/
img { max-width: 100%; } 

/* new front page layout per wsp: */
.banner-xyz { position:relative; height: calc(100vh); width:100%; }
.caption { z-index:10; position:absolute; left:100px; height:auto; bottom:150px; max-width:775px; color:white; text-shadow:1px 1px 1px #555;  } 
.caption h1 { font:700 68px "museo-slab", "Roboto Slab", serif, Helvetica, sans-serif; line-height:1; margin-left:-5px; margin-bottom:10px; }
.caption p { font:bold 18px "Roboto", Arial, Helvetica, sans-serif; line-height:1.4; }
.caption a.btn, .about a.btn { margin-top:10px; margin-left:-4px; border-radius:30px; }
.caption a.btn:hover, .about a.btn:hover { color:white; }
#slider { background:#222222; width:100%; height: 100%; top:0; left:0; }
.slide { position:absolute; height:100%; width: 100%; overflow:hidden; }

/*new about us page layout per wsp:*/
.about-wrap { background: #005a9c url('../images/About-Us.jpg') no-repeat left top fixed; background-size:auto; height:auto; width:100%; margin-top:40px; position:relative; color:white; text-shadow:1px 1px 1px #555; }
.about-inner-wrap { display:table; height:100%; width:100%; background:rgba(0,91,156,0.90); background: linear-gradient(to right, rgba(0,91,156,0.95) 0%, rgba(0,90,156,0.6) 60%, rgba(0,90,156,0) 100%); font-size:1.3em;  }
.about { display:table-cell; vertical-align:middle; margin-left:0; margin-right:0; height:auto; padding:50px 50% 50px 50px; }
.about h1 { font-family: "museo-slab", "Roboto Slab", serif; font-size:36px; font-weight:700; line-height:1; margin-bottom:10px; margin-top:0; }
.about h2 { font:italic 700 22px "museo-slab", "Roboto Slab", serif;  color:white; margin-top:10px; }

/*content boxes****************************************************/

/*CHANGE TO BG-MID-DARK FOR DARK MODE*/
.content-container { background:white; background-image: url("../images/bg-mid2.jpg"); background-attachment:fixed; background-size: cover; background-repeat: repeat; padding:50px 0; }

.content-box-wrap {  margin:0 auto; padding:0 10px; max-width:1050px; }

.content-box { padding:10px; background: #005a9c; background: linear-gradient(to bottom, rgba(0,90,156,1) 0%, rgba(0,90,156,0.6) 100%); background-clip: padding-box; border: 10px solid transparent; /*margin:10px;*/ text-align:center; min-height:350px; margin:0 0 10px; border-radius:15px; }

.box-long { min-height:365px; }

/*.box-long { min-height:330px; }*/

.content-box img { max-height:65px; margin:10px 10px 15px; }

.content-box p { color:white; }

.content-box h2 { font:500 25px "Roboto", Arial, Helvetica, sans-serif; color:white; margin-top:0; }

.company { max-width:1050px; margin:0 auto 30px auto; padding:0 20px; }

/*CHANGE TO WHITE FOR DARK MODE:*/
.company h2 { font:700 30px "museo-slab", "Roboto Slab", serif; margin:0; color:#005a9c; }

/*CHANGE TO Amber FOR DARK MODE:*/
.company h4 { font:italic 700 20px "museo-slab", serif; color:white; line-height:1.5; color:#222222; }

.desk { padding:0 20px 20px 0; }

/******************************************************************/
 

@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
.fadein { animation:fadein 1.5s ease forwards; display:block;}

@keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
.fadeout { animation:fadeout 1.5s ease forwards; }

  

/* Assembly */

#assembly { position: absolute; margin-bottom:10px; text-align: left; }
#assembly h6 { padding:0; margin:0; }

/*LOADER*/
@-webkit-keyframes load { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes load { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.load-container { width:100%; height: calc(100vh); position:relative; z-index:900; background-color:#e8e8e8;}
.loader { display:block; position: absolute; top:50%; left: 50%; z-index: 3; width: 50px; height: 50px; margin:-25px 0 0 -25px; border: 5px solid #005a9c; border-radius: 50%; border-top: 5px solid #e8e8e8; -webkit-animation: load 800ms ease-in-out infinite; animation: load 800ms ease-in-out infinite; }


/* MISC */
.logo { max-width: 280px; }
.border { border: 1px solid green }
.border-strip { border-top: 2px solid #ccc; border-bottom: 2px solid #999; }
.float-left {float:left;}
.nopadding { padding-left:0 !important; padding-right:0 !important; }
.padding-tb { padding-top:5px; padding-bottom:5px; }
.padding-tb-md { padding-top:20px; padding-bottom:20px; }
.padding-tb-lg { padding-top:45px; padding-bottom:45px; }
.padding-tb-lg-h1 { padding-top:45px; padding-bottom:65px; }
.padding-tb-xl { padding-top:90px; padding-bottom:90px; } /* banner height! */
.padding-lr { padding-left:5px; padding-right:5px; }
.padding-lr-md { padding-left:30px; padding-right:30px; }
.padding-lr-lg { padding-left:60px; padding-right:60px; }
.padding-top { padding-top: 5px; }
.padding-top-md { padding-top: 25px; }
.padding-top-lg { padding-top: 60px; }
/*jumbo pdg*/
.jumbo-pdg-sm { padding-top:110px; padding-bottom:70px; }
.jumbo-pdg-lg { padding-top:140px; padding-bottom:100px; }
.jumbo-pdg-xl { padding-top:250px; padding-bottom:210px; }
/**********************************************************/
.xs-only { display:none; }
.sm-only { display:none; }
/**********************************************************/
.o-hidden { overflow:hidden; }
.rounded { border-radius:5px; }
.margin-tb-md { margin-top:25px; margin-bottom:25px; }
.resume-photo { width:160px; height:160px; margin:10px 0; padding: 3px; border-bottom: 1px solid #aaa; border-right: 1px solid #ddd; border-top: 1px solid #eee; border-left: 1px solid #ddd; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.propImg { width:155px; height:155px; border:2px solid #ccc; margin:20px 18px 0 0; float:left; }
.propImgLg { width:250px; height:250px; border:2px solid #ccc; margin:20px 18px 0 0; float:left; position:absolute; bottom:-15px; z-index:100;}

/* typography */
.text-white { color:white; }
h4.trans-title { margin-top:30px; }
h5.trans-title { margin:0.5em 0;}
h5.type { text-transform:uppercase; letter-spacing:-.02em; font-size:14.5px; }
.pages a { font-size:110%; font-weight:bold;}
.next a:after, .caption p a.btn-palmer:after {  font-family: "Material Icons"; content: "\e315"; vertical-align:middle;  }
.prev a:before { font-family: "Material Icons"; content: "\e314"; vertical-align:middle; }
.next a:hover, .prev a:hover { text-decoration:none; }
.jumbotron h1 { font:700 36px "museo-slab", "Roboto Slab", serif; }

/* vertical align: */
 .vcenter { display: inline-block; vertical-align: middle; height:100%; float: none; margin-right:-4px; }

/* home search: */
.input-group .btn { margin:0; height:28px; padding-top: 2px; padding-bottom: 0; }
input.form-control.search { height:28px; padding:2px 12px; float: right; border-bottom-right-radius: 0; border-top-right-radius: 0; background-color:#f5f5f5; }
input.form-control.search.searchResult { width:100%; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.navbar-form.search.searchResult { padding-top:10px; padding-bottom:5px; }
.form-group.searchResult { width:100%; }
.input-group.searchResult { width:50%; }
/* button icons*/ 
.input-group-btn button.btn-default:after { font-family: "Material Icons"; content: "\e8b6"; font-size:16px; color:#666666; }
.btn-default-search { background-color:#f5f5f5;} 
.btn-default-search:hover { background-color:#dcdcdc;}

/*CONTACT PAGE*/
.contact-wrap { background-size: cover;
                    background: url('../images/bg-pcidesk2.jpg') no-repeat center 15% fixed;
                    height:100vh; width:100%; }
.contact { height: 100vh; padding:75px 50px 0; background:#005a9c; 
background: linear-gradient(180deg, rgba(0,90,156,1) 5%, rgba(15,15,15,0) 60%); font-size:1.3em; }
.contact h1 { font:700 36px "museo-slab", "Roboto Slab", serif; color:white; }
.contact p { font-size:1.1em;}
.contact a { font-weight:bold; }

/* for sm screen dropdown: */
.search-dropdown { display:none; position:fixed; z-index:1029; width:100%; height:40px; top:0; background-color:rgba(0,0,0,0.8); }
/* for medium screens search dropdown on search icon click: */
.drop { display:block; top:42px; }
.navbar-form.search.search-collapse .form-group { width:300px; float:right; }
.navbar-form.search.search-collapse .form-group .input-group { float:right; width:100%; }
span.input-group-btn.search { width:45px !important; }
/* for search bio/desc collapse: */ 
.long { display: none; }
.link { white-space: nowrap; }
.link:hover { cursor:pointer; text-decoration: none; }
 
/* NAV LINKS */
a.active { box-shadow: inset 0 -2px 0 white; }

/* BG IMAGES */
#mid-home-bg { background:white; background-image: url("../images/bg-mid2.jpg"); background-size: auto; background-repeat: repeat; }
#footer-bg { /*height set in navs.less var*/ z-index:10; position:relative; background-color:rgba(0,0,0,0.8); /* <-- changes in navs.less at breakpoint */ background-repeat: no-repeat; background-position: bottom; }

/* JUMBOS */
#jumbotron-firm-bg { background: #222222; background-image: url("../images/bg-stonept2.jpg"); background-size:cover; background-repeat: no-repeat; background-position:top; }
#jumbotron-trans-bg, #jumbotron-search-bg { background: #222222; background-image: url("../images/bg-aerial.jpg"); background-size:cover; background-repeat: no-repeat; background-position:center; }

 
#light-bg { background-color: #f2f2f2; }

/* TRANSACTIONS/ABOUT/MISC */
.hr-trans { margin:5px 0; border-top:2px solid #e2e2e2; }
.hr-about { margin:10px 0; clear:both; border-top:2px solid #CCCCCC; }
#trans-nav a {line-height:2;}
#result { display:none; padding-bottom:20px; }
.descr { font-family:Helvetica, Arial, sans-serif !important; }
.trans { height:160px; }
.desc { transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); }
.asc { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }


/* CLIENTS */
/* for carousel: */
.carousel-clients { color:white; }
.clients { width:55%; margin:-20px auto 0 auto; }
.clients p { font-size: 1.2em; }
.clients h3 { font-size: 1.4em; }
.carousel .item .img-box { width: 250px; height: 135px; margin: 50px auto; }
.carousel .item .img-box img { height:90%; }
.client-strip { max-height: 100px; max-width:85%; }
/* CLIENT LOGOS: */
/* .client > :nth-child(1) { border-right:1px solid #999; } */
/* .client { padding-left:250px; padding-right:250px; } */
.client > div img { height:100px; width:auto; }
.client > :nth-child(1), .client > :nth-child(2), .client > :nth-child(3), .client > :nth-child(4), .client > :nth-child(5) { border-right:1px solid #777; }

  /* FOOTER */
footer p { margin: 0; }
footer > .col-lg-4 { padding: 13px 6px; }

/* back to top */
.top { z-index:10; opacity:0; display:none; bottom:-4px; right:25px; position:fixed; transition:0.3s; -webkit-transition:0.3s; cursor:pointer; }
.top button { padding: 3px 8px; }
.top button:hover { color:#005a9c; }

/* animations */
/* @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
.fadein { animation:fadein .5s ease forwards; } */

.ticker { display:block; bottom:0; max-width:100%; position:fixed; line-height:1.2; height:65px; pointer-events:none; }

/* encrypted email addresses */
.cryptedmail {
    cursor: pointer;
}

.cryptedmail:after {
  content: attr(data-name) "@palmercapital." attr(data-tld); 
}

/* Media queries */

/* HOME PAGE SLIDER *********************/
#slider .slide img { height:100%; width:auto; max-width:none; }

@media (min-aspect-ratio:6/4){
    #slider .slide img { width:100%; height:auto; }
}

/* ****************************************** */

@media (min-width: 2015px) {
    .about-wrap {background-size:cover;}
}
@media (min-width: 992px) and (max-width: 1400px) {
    .navbar > .container { width: 100%; }
    .about { padding:50px 40% 50px 20px; }
    /*.box-long { min-height:390px; }*/
}
@media (max-width: 1070px) {
    /* .navbar-brand { height:48px; margin-top:2px; } */
    .logo { max-width:260px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar > .container { width: 100%; }
    .navbar-header { width:200px; padding-right:0; }
    /* navbar toggle search ... */
    .navbar-toggle.search { display:block }
}
@media ( max-width: 991px ) {
    .about-wrap { background-position: 10% top; }
    .about-inner-wrap { background: linear-gradient(to right, rgba(0,91,156,1) 0%, rgba(0,90,156,0.6) 85%); }
    .about { padding:50px 15% 50px 20px; }
    .content-box { min-height:315px; }
    .company { margin:0 auto 40px auto; }
    /* search stuff */
    input.form-control.search { height:28px; width:100%; float: left; background-color:rgba(0,0,0,0); border-radius: 0; border:none; border-bottom:1px solid #ccc; color:#ccc; padding-left:6px; }
    .btn-default-search { transition:.4s; height:30px; background-color:rgba(0,0,0,0); color:white; padding:6px 12px; border-radius: 0; border:none; border-bottom:1px solid #ccc; cursor:pointer !important; }
    .btn-default-search:hover { background: none; color:#a0c4e4; border-bottom:1px solid #ccc; }
    .navbar-form.search { margin:0; float:left; width:100%; }
    /* search RESULT stuff ... */
    .navbar-form.search.searchResult { width:75%;  }
    .input-group.searchResult { width:100%; }
    input.form-control.search.searchResult { float: left; border-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; border:1px solid #ccc; background-color:#f5f5f5; color:#555; padding:6px 12px; }
    h4.trans-title { margin-top:20px;}
    .trans { min-height: 140px; }ac
    /*.propImg { width:140px; height:135px; }*/
    .sm-only { display:block; }
    .sm-disp-none {display:none;}
    .sm-no-padding { padding:0; }
    /* end search stuff */
}
@media(max-width: 900px) {
    .caption { max-width: 92%; left: 4%; top:50%; margin-top:-110px; }
}
@media (max-width: 795px), (max-height:500px) {
        .caption h1 { font-size:38px !important; }
        .caption p { font-size: 15px !important; }
        /* left:100px; height:300px; top: calc(100vh - 475px); */
        /*SLIDER*/
        /*#slider .slide img { position:relative; object-fit:cover; }*/
}
@media (max-height:800px){
    .contact {
        background: linear-gradient(180deg, rgba(0,90,156,1) 5%, rgba(15,15,15,0) 100%);
    }
}
@media (max-height: 400px){
    .caption { height:auto; top:50px; margin-top:0; }
}
@media (max-height: 374px) { /*shows even on iphone 6*/
    .ticker { display: none; }
}

@media (max-width: 767px) {
    /*Contact us Jumbo:*/
    .jumbo-pdg-lg { padding-top:90px; padding-bottom:50px;}
    .jumbo-pdg-xl { padding-top:150px; padding-bottom:110px; }
    /*About Us Jumbo:*/
    .about { padding:50px 10px; }
    .about h2 { font-size: 20px; }
    .content-box /*.content-box:nth-child(3), .content-box:nth-child(4), .box-long*/ { min-height:1px; padding: 10px; }
    .company { padding:0 10px;}
    .content-box-wrap { padding:0; }
    /* search stuff */
    .logo { max-width:250px; margin-top:1px; }
    .navbar-form.search { width:50%; }
    .navbar-form.search.searchResult { width:80%;  }
    /* end search stuff */
    #mid-sac-bg { height:200px; }
    /* NAV LINKS */
    a.active { box-shadow: none; }
    .navbar > .container { width: auto; }
    /* .resume-photo { float:right; margin:10px 0 20px 20px; } */
    h4.trans-title { font-size:16px; margin:25px 0 0.3em 0; }
    h5.trans-title { font-size: 14px; margin:0.4em 0; }
    .trans { min-height:130px; }
    .xs-font-lg, .xs-font-lg a, .xs-font-lg h5 { font-size: 1.1em; line-height:1.7; }
    .xs-font-lg p { font-size: 1.2em; line-height:1.7; }
    /* padding added to xs: */
    .xs-no-padding { padding-left: 0 !important; padding-right: 0 !important; }
    .xs-add-padding { padding-left: 10px; padding-right: 10px; }
    .xs-text-center { text-align: center }
    .xs-disp-none { display: none; }
    .xs-only { display:block; }
    .row { margin-right:0; margin-left:0; }
    .padding-xs-top { padding-top:15px; }
    .padding-xs-tb { padding-top: 15px; padding-bottom: 15px; }
    .padding-xs-tb-lg { padding-top: 40px; padding-bottom: 40px; }
    /* photo adjust: */
    /* .resume-photo { width:120px; height:120px; } */
    .propImg { width:125px; height:125px; }q
    .top { right:10px; }
   
    @media (orientation: landscape) {
        .jumbo-pdg-xl { padding-top:100px; padding-bottom:60px; }
    }
}
@media (max-width: 650px) {
    .navbar-form.search { width:95%; }
}
@media (max-width: 360px) {
    .caption { margin-top:-150px; }
}

/* material icons */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


/* CLEARFIX */
.clearfix:after {
   content: "";
   clear: both;
   display: table;
}