/*
 ----------------------------- 
 PVII Layout Builder Magic
 by Project Seven Development
 www.projectseven.com
 Custom Styles
 -----------------------------
*/

/*
***************************************************
Font Families: You may edit the font-family values,
BUT DO NOT REMOVE OR RENAME THE 4 RULES BELOW
***************************************************
*/

body {
    background-color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
    line-height: 1.5em;
}

a {color: #DBB477;}
a:hover {color: #FFF;}

h3 {font-size: 155%; font-weight: bold;}

.noPadding {
    padding: 0px !important;
}

.logoPadding {
    padding: 15px 0px 8px 20px !important;
}

.logoSizing {
    width: auto;
    height: auto;
}
.topSpacer {
    position:relative;
    width:100%;
    height:202px;
    z-index:15;
}
.topSpacer_index {
    position:relative;
    width:100%;
    height:20vw;
    z-index:15;
}
    
    /*The Footer*/

.footer {
    position: absolute;
    color: #000000;
    text-align: left;
    font-size: 0.8em;
}
.footer a:link {color: #000000; text-decoration: none;} /*logged in state*/
.footer a:visited {color: #000000; text-decoration: none;}
.footer a:hover {color: #000000; text-decoration: underline;}
.footer a:active {color: #000000; text-decoration: none;}

.cobra7Link a:link {color: #b5b5b5; text-decoration: none;} /*normal state*/
.cobra7Link a:visited {color: #b5b5b5; text-decoration: none;}
.cobra7Link a:hover {color: #000000; text-decoration: none;}
.cobra7Link a:active {color: #000000; text-decoration: none;}

.copyright {
    color:#000000;
    text-align: center;
}

.copyright a:link,
.copyright a:visited {
    color: #000000;
}
    
.copyright a:hover,
.copyright a:focus {
    color: #FFFFFF;
}

/*Media Queries*/

@media only screen and (min-width: 0px) and (max-width: 1100px) and (orientation:landscape) {
p {
    font-size: 75%;
}
}

@media only screen and (min-width: 767px) and (max-width: 1100px) {
.logoSizing {
    width: 235px;
}
.topSpacer {
    height:143px;
}
.topSpacer_index {
    height:20vw;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

body {font-size: 80%;}
.disappearPhone {
    display: none;
}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
.logoSizing {
    width: 235px;
}
.topSpacer {
    height:143px;
}
.topSpacer_index {
    height:26vw;
}
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
.footer {
    display:none;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {

body {
    font-size: 80%;
}
.disappearPhone {
    display: none;
}
}