/*Tweaks to Unify for ViewClix web site*/
/*(this file replaces custom.css*/

/*first, OVERALL ADJUSTMENTS to fonts, pages, footer, rows */

body {
    font-family: vc-regular, sans-serif;
    letter-spacing: .02em;
    line-height: 1.4em;
    font-size: 13.5pt;
    color: #444444;
}
.bootstrap-dialog-message {
    font-size: 16px !important;
}
p,
li,
li a {
   color: #000;
}
.content {
    padding-top: 7px;
    padding-bottom: 20px;
    background-color: white;
}

.fa-home {
    font-size: 1.2em;
    margin-top:-4px;
}
.footer-v1 .footer h2 {
    line-height:20px
}

.footer-v1 .footer {
    /*background:#383838;*/
    background-color: #404040;
    padding-top:15px;
    padding-bottom:0px;
}
.link-list a {
    padding: 0;
    font-size: 11pt;
}

@media print {
    .no-print {
        display:none;
    }
}
/* prevent dialogs and modals from messing with page width */

.modal-open {
    overflow: scroll;
    padding-right:0px;
}
/* override bootstrap and bootstrap dialog close class and button*/
.close {
    font-weight: normal;
    line-height: inherit;
    color: #404040;
    text-shadow: none;
}
.close:focus, .close:hover {
    color: white;
}
.modal-header .close {
    margin-top: 0;
}
.bootstrap-dialog-close-button button {
    opacity: 1!important;
    font-family: vc-light;
    font-size: 36pt!important;
    padding: 0 0 2px 2px;
}

/*Fancy font for headings*/
h1, h2, h3, h4, h5, h6 {
    font-family: vc-regular, sans-serif;
    font-weight: bold;
    color: #33659f;
}

h1 { font-size: 24pt; }
h2 { font-size: 22pt; }
h3 { font-size: 20pt; }
h4 { font-size: 16pt; }

/* change the underline of headlines to VP-logo orange */
.headline div,
.headline h2, 
.headline h3, 
.headline h4 {
    border-bottom: 2px solid #ff9900;
    padding-bottom: 0px;
    margin-top:25px;
}

.headline h2 { 
     font-size: 24pt;
     margin-left: 8px;
}

/* TOP OF PAGE heading adjustments*/
/*Move the logo up to line up better with Top Nav Menu*/
#logo-header {
	/*margin-top:-33pt;*/
    z-index: 999999;
    margin-top: -20pt;
    margin-left: 4pt;
}

/*Change the header and navbar*/
.header {
	position: relative;
	border-bottom: 0px;
	/*background: #FFFAEA;
    background-color: #263c56;*/
    background-color: #3a75b8;
}
#navbar {
    border:none;
    /*background-color: #d0f0ff;
    background-color: #263c56;*/
    background-color: #3a75b8;
    border-radius: 0;
}
.loginbar {
    display: inline-block;
    /* margin-right: 20pt!important;*/
}
.loginbar > li > a {
    color:white!important;
}

#buy-now-btn, #buy-now-btn-xs, #support-btn {
    color:white;
    cursor:pointer;
    background-color: #ff9900;
    font-family: vc-regular, sans-serif;
    text-shadow: 1px 1px 2px black;
    /*background-color:#3a75b8;
    text-shadow: 2pt 2pt 1pt #000000;*/
}
#buy-now-btn {
    font-size:.82em;
    padding:4pt;
    margin: 0 4pt 0 6pt;
    border-radius: 20px;
    display:inline-block;
    /*position: absolute;
    top:0;
    right:0;
    z-index:100;*/
}
#buy-now-cart {
     font-size:1.4em;
}
#buy-now-text::after {
    content: "BUY NOW ";
}
#buy-now-btn-xs {
    padding: 2px 4px 2px 6px;
    position: absolute;
    z-index: 100;
    right:60px;
    top:12px;
    font-size:1em;
    border-radius: 18px;
    display: none;
    text-shadow: none;
}
#support-btn {
    padding:4pt 8pt;
    position:fixed;
    z-index:100;
    bottom:5pt;
    font-size:.9em;
    vertical-align:text-top;
    border-radius: 22px;
    display:inline-block;
}

/*Change top Navbar - modifies header1.css*/
.header .navbar-default .navbar-nav > li > a {
    color: white;
    font-size: 12pt;
    padding: 8pt 12pt;
    letter-spacing:1.1pt;
    font-family: vc-light, sans-serif;
    font-weight: normal;
    text-transform: none;
}

/*Change top Navbar - modifies header1.css*/
.header .navbar-default .navbar-nav > li > a:hover {
    color: white;
    font-size: 12pt;
    padding: 8pt 12pt;
    letter-spacing:1.1pt;
    border-bottom: 4px solid white;
    font-family: vc-light, sans-serif;
    font-weight: bold;
    text-transform: none;
}
#main-img {
    margin: auto;
}

.navbar {
    margin-bottom:-5px;
}

.fa-bars {

}
/*fix-up stuff on current home page*/
.service .desc h4 {
    font-size: 24px;
}

.service {
    padding-bottom: 0px;
}

.purchase span {
    font-size: 28px;
    font-family: 'kabel_bk_btbook', sans-serif;
}

.thumbnail-style h3 {
    font-size:20px;
}

.padding-15 {
    padding-left:15px;
    padding-right:15px;
}

.padding-30{
    padding-left:30px;
    padding-right:30px;
}

.input-bg {
    background-color: #F4F4F4;
    padding-left:6px;
}
/*a {*/
/*    color:#3a75b8;*/
/*}*/

a:hover {
    color:#ff9900;
}
.extra-menu {display:none!important}
@media (max-width: 991px) {
    .header .topbar {
        margin-bottom: 0;
    }
    #logo-header {
        width:180px;
        margin-top: -8pt;
        margin-left: 0;
    }
    .extra-menu {
        display:inline!important;
    }
}
@media (max-width: 480px) {
    .members-nav {
        display:none!important;
    }
    #logo-header {
        width: 170px;
        margin-top:-4pt;
    }
    .topbar {
        display:none;
    }
    .header-sticky {
        position: fixed!important;
        width: 100%!important;
    }
    .navbar-header {
        margin-right: -6pt!important;
    }
    #buy-now-btn-xs {
        display: inline-block;
    }
    /*#buy-now-btn {
        border-radius: 4pt;
        padding: 6px 4px 4px 6px;
        right:54px;
        top:8px;
    }
    #buy-now-cart {
        font-size: 1.3em;
    }
    #buy-now-text::after {
        content:"";
    }*/
    .content {
        padding-top: 14pt;
    }
}
/*#navbar {
    -webkit-box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.4);
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.4);
}*/

/*.btn-u {*/
/*    background-color:#3a75b8*/
/*}*/

/*.tag-box-v2 {*/
/*    border-left:solid 2px #3a75b8*/
/*}*/

/*.who li i {*/
/*    color:#3a75b8*/
/*}*/

/*.service .service-icon {*/
/*    color: #3a75b8;*/
/*}*/
 
/*.thumbnail-style a.btn-more {*/
/*    background:#3a75b8;*/
/*}

/*.link-bg-icon a:hover {*/
/*    color: #3a75b8;*/
/*}*/