/* Move down content because we have a fixed navbar that is 50px tall */
html {
    background-color:#dcddd8;
 height:100%;
}
body {
    color: #4B4A4A;
    height: 100%;
    background-color: #dcddd8;
}
form {
    background: url(/Content/background2.jpg) no-repeat top center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    margin-bottom:20px;
    height:100%;
    background-color:#dcddd8;
}
.button_margin {margin-bottom:5px!important;}
/* button styles */
.btn-round {
    border-radius:22px;
}
.btn-inverse-blue {
    color: #337ab7;
    background-color: #fff;
    border-color: #337ab7;
}
.btn-blue {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
/* columns */
.col-push-half {
    left: 4.166666%;
}
.col-xs-55 {
    width: 46.833333%;
}
.col-md-3half {
    width: 32%;
    float: left;
}

.col-md-half {
    width: 2%;
    float: left;
}
/*check boxes*/
.checkbox1 {font-size:1.5em; font-style:normal;}
.ul_space {font-size:1.5em;}
.ul_space li {
    margin-bottom: 1em;
}
/*patreon panels*/
.button_panel {
    border-radius: 10px;
    background: #FFFFFF;
    padding: 10px;
    text-align:center;
    height:500px;
}
.button_panel h3 {font-weight:bold;}
.button_panel ul {text-align:left; font-weight:bold; margin-top:10px; color:#666666;}
.money {font-size:2.5em; font-weight:bold; padding:0; margin:0; color:#000;}
.term {font-size:1.5em; color:#666666;}

@media (max-width: 767px) {
form {background-position: 0px 50px;
}}
.iframeclass {width:100%;}
.imagepadding {padding:10px}
.headerfun {
    font-family: 'Ranchers', cursive;
    color:coral;
}
.headerfont1 {
    font-family: 'Average', serif;
    padding: 10px;
    margin: 0;
}
.headergold {
    color: #76601e;
}
.headergrey {
    color: #4B4A4A;
}
.headerred {
    color: #632122;
}
.headerwhite {
    color: #ffffff;
    text-shadow: 1px 1px #333333;
}
.headerfont2 {
    font-family: 'Pontano Sans', sans-serif;
    padding: 10px;
    margin: 0;
    color: #632122;
}
a {color: #726402;}
.fontitalic {font-style:italic;}
.subfont1 {
    font-family: 'Pontano Sans', sans-serif;
    color: #2F2C24;
}
.subfontnormal {font-size:1em;}
.subfontlarge {font-size:1.5em;}
.subfont2 {
    font-family: 'Average', serif;
    font-size: .8em !important;
    color: #76601e;
}
.subfont4 {
    font-size: .8em !important;
    color: #76601e;
}
.subfont5 {
    font-size: 1em !important;
    color: #76601e;
}
.subfont3 {
font-family: 'Average', serif; font-size:1.2em!important; color:#76601e; line-height:1.2em;
}
.nomargin {margin:0; padding:0;}
.menu_space {margin:0 1em;}
.menu_text1 a {
    font-family: 'Average', serif;
    text-decoration:none;
    color:#c0a916
}
.menu_text1 a:hover {
    font-family: 'Average', serif;
    text-decoration:none!important;
    color:#451608
}
.menu_text1 .inner_green {
    width:100%; padding:0 5% 0 5%; border: 1px solid #3BD30A; background-color: rgba(240, 239, 229, 0.8); text-align:center;

}
.menu_text1 .inner_red {
    width:100%; padding:0 5% 0 5%; border: 1px solid #D30A2B; background-color: rgba(240, 239, 229, 0.8); text-align:center; opacity:.5;

}
.listspacing {padding:10px 0;}

.watermarked {
color:dimgrey;}
.centered {
    margin: 0 auto;
}
.borderless td, .borderless th {
    border: none!important;
}

.pnl_white {
    border-color:blue;
    background-color:#ffffff;
    border-style:solid;
    border-width:2px;
    border-radius: 25px;
    padding:20px;
}
/* carousel add ons to bootstrap */
div.c-wrapper {
    width: 80%; /* for example */
    margin: auto;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%; /* use this, or not */
    margin: auto;
}

/* home page stuff */
.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 0px;
    text-align: center;
}
.intro-divider {margin:0; padding:0;}
@media (min-width: 768px) {
    .intro-header {height:60%;
    }
    .content-section-q {
        padding: 50px 0;
        background-color: #f8f8f8;
    }
    .content-section-f {

    }
}
@media (min-width: 992px) {
    .intro-header {height:60%;
    }
    .content-section-q {
        padding: 50px 0;
        background-size: 100% auto;
        background-image: url('../content/back_scene1.jpg');
    }
    .content-section-f {
    }
}
@media (min-width: 1200px) {
    .intro-header {height:400px;
    }
    .content-section-q {
        padding: 50px 0;
        background-size: 100% auto;
        background-image: url('../content/back_scene1.jpg');
    }
    .content-section-f {
        width:100%;
        text-align:center;
        margin:0 auto;
    }
}

.intro-header-site {
    padding-top: 50px; 
    padding-bottom: 50px;
}
.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background-color: #DCE6FA;
}

.content-section-c {
    padding: 10px 0;
    background-color: #ffffff;
    margin-bottom:10px;
}

.content-section-d {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-e {
    padding: 50px 0;
    background-color: #DCFADC;
}


.image_center {margin:0 auto;}
.fill {height:100%; min-height:100%;}
/* Fonts */
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.bag {
    min-height:100%;
    height:100%;
}
.bottompadding {min-height:50px;}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
.row.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}