/* BEGIN HEADER */

/* computer screen header text */
@media screen and (min-width: 680px) {
    #header_text {
        font-family: 'Cinzel Decorative', cursive;
        text-align: center;
        color: white;
        display: table;
        height: 100%;
        width: 100%;
    }

    #header_text > span {
        font-size: xx-large;
        display: table-cell;
        vertical-align: middle;
        text-shadow: 0px 0px 10px;
    }
    
    #header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 80px;
    background: linear-gradient(#9966ff, gold 150%);
    z-index: 50; 
    padding: 0;
    margin: 0;
    }
    
    #logo {
        position: absolute;
        top: 0;
        left: 0;
        height: 80px;
    }
    
    #logo > a > img {
        height: 80px;
    }
    
    #user_links {
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 15px;
    color: gray;
    }
    
    #user_links > a {
        color: white;
        padding: 15px;
    }
}

@media screen and (max-width: 680px) {
    /* mobile header text */
    #header_text {
        font-family: 'Cinzel Decorative', cursive;
        text-align: center;
        color: white;
        display: table;
        height: 100%;
        width: 100%;
    }
    
    #header_text > span {
        font-size: small;
        display: table-cell;
        vertical-align: middle;
        text-shadow: 0px 0px 10px;
    }
    
    #header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 60px;
    background: linear-gradient(#9966ff, gold 150%); 
    z-index: 50;
    padding: 0;
    margin: 0;
    }
    
    #logo {
        position: absolute;
        top: 0;
        left: 0;
        height: 60px;
    }
    
    #logo > a > img {
        height: 60px;
    }
    
    #user_links {
        position: absolute;
        z-index: 100;
        right: 0px;
        top: 10px;
        color: gray;
        font-size: x-small;
    }
    
    #user_links > a {
        color: white;
        padding: 5px;
    }
}

/* sideways phone */
@media screen and (min-width: 480px) and (max-width: 680px) {
    #header_text > span {
        font-size: large;
        display: table-cell;
        vertical-align: middle;
        text-shadow: 0px 0px 10px;
    }
}

/* HEADER IMAGE */
@media screen and (min-width: 950px) {
    .header-image{
        width: 10em;
        position: absolute;
        right: 10em;
        z-index: 9999;
        top: 15px;
    }
}

@media screen and (min-width: 820px) and (max-width: 950px) {
    .header-image{
        width: 8em;
        position: absolute;
        right: 8em;
        z-index: 9999;
        top: 25px;
    }
}


@media screen and (min-width: 680px) and (max-width: 950px) {
    .header-image{
        width: 7em;
        position: absolute;
        right: 4em;
        z-index: 9999;
        top: 35px;
    }
}

@media screen and (min-width: 480px) and (max-width: 680px) {
    .header-image {
        width: 7em;
        position: absolute;
        right: 3em;
        z-index: 9999;
        top: 15px;
    }
}

@media screen and (max-width: 480px) {
    .header-image {
        width: 5em;
        position: absolute;
        right: 1em;
        z-index: 9999;
        top: 27px;
    }
}
/* END HEADER IMAGE */

/* BEGIN NAVIGATION */

/* computer screen */
@media screen and (min-width: 950px) {

    #menuButton { 
        display: none;
    }
    
    #menuBar {
        height: 40px;
        width: 100%;
        position: fixed;
        left:0;
        top: 80px;
        background: linear-gradient(gold, #9966ff 20%);
    }
    
    #nav_logo {
        height: 40px;
        width: 40px;
        position: absolute;
        top: 75px;
        left: 0;
        padding: 5px;
        z-index: 9999;
    }
    
    #navigation {
        position: fixed;
        width: 100%;
        height: 40px;
        left: 0;
        top: 80px;
        background: linear-gradient(gold, #9966ff 20%);
        z-index: 100;
    }
    
    #navigation > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block !important;
        width: auto;
        white-space: nowrap;
        z-index: 600;
    }
    
    #navigation > ul > li {
        padding: 10px 15px 10px 15px;
        background: transparent;
        float: left;
        position: relative;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
    #navigation > ul > li > a {
        display: block;
        color: white;
        text-style: cursive;
        text-decoration: none;
    }
    
    /* dropdown menus */
    ul.dropdown-menu {
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 40px;
        list-style: none;
        list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
    #navigation > ul > li:hover > ul.dropdown-menu {
        background-color: #96f;
        cursor: pointer;
        visibility: visible;
        opacity: 1;
        filter(opacity=100);
    }
    
    ul.dropdown-menu > li {
        list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
    ul.dropdown-menu > li > a {
        display: block;
        padding: 10px 15px 10px 15px;
        color: white;
        text-decoration: none;
        white-space: nowrap;
        transition: .2s ease-in;
        z-index: 99999;
        overflow: visible;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
}

@media screen and (min-width: 680px) and (max-width: 950px) {

    #menuBar {
        height: 40px;
        width: 100%;
        position: fixed;
        left:0;
        top: 80px;
        background: linear-gradient(gold, #9966ff 20%);
        z-index: 500;
    }
    
    #menuButton {
        display: table;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        cursor: pointer;
        margin-left: 5px;
        
    }
    
    #menuButton > img {
        width: 40px;
    }
    
    #menuButton > span {
        display: table-cell;
        padding: 0 5px 0 5px;
        vertical-align: middle;
        color: white;
        font-family: 'Cinzel Decorative';
    }
    
    #nav_logo {
        display: none; /*
        height: 30px;
        width: 30px;
        position: absolute;
        top: 55px;
        left: 0;
        padding: 5px;
        z-index: 9999; */
    }
    
   #navigation {
        position: fixed;
        width: 100%;
        left: 0;
        top: 80px;
        background: #96f !important;
        z-index: 100;
        max-height: 70%;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    
    .active {
    	background: gray !important;
    }
    
    #navigation > ul {
        margin: 40px;
        padding: 0;
        list-style: none;
        display: none;
        width: auto;
        white-space: nowrap;
        z-index: 600;
    }
    
    #navigation > ul > li {
        padding: 10px 15px 10px 15px;
        position: relative;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
    #navigation > ul > li > a {
        display: block;
        color: white;
        text-style: cursive;
        text-decoration: none;
    }
    
    /* dropdown menus */
    ul.dropdown-menu {
        visibility: visible;
        top: 30px;
        list-style: none;
        list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0;
        overflow-y: scroll;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
    #navigation > ul > li:hover > ul.dropdown-menu {
        cursor: pointer;
    }
    
    #navigation > ul > li.dropdown-item:hover {
    }
    
    ul.dropdown-menu > li {
        list-style-type: none;
        list-style-position:inside;
        margin-left: 15px;
        padding:0;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
    ul.dropdown-menu > li:hover {
    }
    
    ul.dropdown-menu > li > a {
        display: block;
        padding: 5px 8px 5px 8px;
        color: white;
        text-decoration: none;
        white-space: nowrap;
        transition: .2s ease-in;
        z-index: 99999;
        overflow: visible;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
}
/* mobile */
@media screen and (max-width: 680px) {
    #menuBar {
        height: 30px;
        width: 100%;
        position: fixed;
        left:0;
        top: 60px;
        z-index:500;
        background: linear-gradient(gold, #9966ff 20%);
    }
    
    #menuButton {
        display: table;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        cursor: pointer;
        margin-left: 5px;
        
    }
    
    #menuButton > img {
        width: 30px;
    }
    
    #menuButton > span {
        display: table-cell;
        padding: 0 5px 0 5px;
        vertical-align: middle;
        color: white;
        font-family: 'Cinzel Decorative';
    }
    
    #nav_logo {
        display: none; /*
        height: 30px;
        width: 30px;
        position: absolute;
        top: 55px;
        left: 0;
        padding: 5px;
        z-index: 9999; */
    }

    #navigation {
        position: fixed;
        width: 100%;
        left: 0;
        top: 60px;
        background: linear-gradient(gold, #9966ff 20%);
        z-index: 100;
        max-height: 70%;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    
    .active {
    	background: gray !important;
    }
    
    #navigation {
        background: #96f !important;
    }
    
    #navigation > ul {
        margin: 30px;
        padding: 0;
        list-style: none;
        display: none;
        width: auto;
        white-space: nowrap;
        z-index: 600;
        background: #96f !important;
    }
    
    
    #navigation > ul > li {
        padding: 8px 10px 8px 10px;
        position: relative;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
    #navigation > ul > li > a {
        display: block;
        color: white;
        text-style: cursive;
        text-decoration: none;
    }
    
    /* dropdown menus */
    ul.dropdown-menu {
        visibility: visible;
        top: 30px;
        list-style: none;
        list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0;
        overflow-y: scroll;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
    #navigation > ul > li:hover > ul.dropdown-menu {
        cursor: pointer;
    }
    
    #navigation > ul > li.dropdown-item:hover {
    }
    
    ul.dropdown-menu > li {
        list-style-type: none;
        list-style-position:inside;
        margin-left: 15px;
        padding:0;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
    ul.dropdown-menu > li:hover {
    }
    
    ul.dropdown-menu > li > a {
        display: block;
        padding: 5px 8px 5px 8px;
        color: white;
        text-decoration: none;
        white-space: nowrap;
        transition: .2s ease-in;
        z-index: 99999;
        overflow: visible;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
}

ul.dropdown-menu > li > a:hover {
    text-shadow: 0px 0px 7px white;
    color: white;
}





/** NAV MENU ITEMS HOVER **/

#navigation > ul > li > a {
    background: transparent;
        display: block;
        color: white;
        text-decoration: none;
        white-space: nowrap;
        transition: .2s ease-in;
        z-index: 99999;
        overflow: visible;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
    }
    
#navigation > ul > li > a:hover {
    background: radial-gradient(rgba(255, 215, 00, .7), transparent 70%);
    cursor: pointer;
}







nav {
    position: relative;
    left: 40px;
} 

#nav_logo > img {
    width: 100%;
    height: 100%;
    z-index: 9999;
}

    /* END NAVIGATION */

/* END HEADER */

/* BEGIN MAIN PAGE CONTENT */
/* LOGIN PAGE */
#login_section {
    padding:     20px;
    padding-top: 10px;
}

#loginPageText {
        border:      black;
        background: radial-gradient(white 20%, #96f);
        color:       black;
        font-family: Helvetica;
        font-size:   larger;
        font-style:  italic;
    }
    

#loginPageText > p {
        line-height: 1.4;
}
    
    
    
    
@media screen and (min-width: 680px) {
    #intro_items {
        width:      60%;
        display:    inline-block;
        float:      left;
        margin-top: 62px;
    }
    
    #loginPageText {
        border-radius: 8px;
        box-shadow:    5px 2px 10px 0px gold;
        padding:       30px;
        margin-right:  2%;
        margin-top:    20px;
    }
    
    
    #login_section {
        margin-left: 60%;
    }
    
    .c4s_banner {
        box-shadow: 5px 2px 10px 0px gold;
    }
}

@media screen and (max-width: 680px) {
    #intro_items {
        width: 100%;
        display: inline-block;
    }
    
    #loginPageText {
        box-shadow: 5px 2px 10px 0px gold;
        background: radial-gradient(white 20%, #96f);
        color: black;
        font-family: fantasy;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 8px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 20px;
    }
    
    #login_text {
        margin-top: 10px;
    }
}

#intro_items > video {
    width: 98%;
    box-shadow: 5px 2px 10px 0px gold;
}

#login_text {
    text-align: center;
    font-family: 'Cinzel Decorative';
    font-size: 2em;
    text-shadow: 2px 3px 5px;
}

@media screen and (min-width: 680px) {
    #page_content {
        position: fixed;
        overflow-y: scroll;
        left: 0;
        top: 120px;
        bottom: 0;
        right: 0;
        padding: 1%; 
        background: radial-gradient(white, #9966ff 80%);
        color: white;
    }
    
    #videos_page_content {
        position: fixed;
        overflow-y: scroll;
        left: 0;
        top: 120px;
        bottom: 0;
        right: 0;
        padding: 1%; 
        background-color: #9966ff;
        color: white;
    }
    
    /* adult content message */
    #adult_message {
        text-align: center;
        margin: 0 auto;
        max-width: 90%;
    
    }
    
    #adult_message > p {
        text-indent: 1.5em;
        margin: 0 0 1.5em 0;
    }
}

@media screen and (max-width: 680px) {
    #page_content {
        position: fixed;
        overflow-y: scroll;
        left: 0;
        top: 90px;
        bottom: 0;
        right: 0;
        padding: 3%;
        background: radial-gradient(white, #9966ff 80%); 
        color: white;
        font-size: small;
    }
    
    #video_page_content {
        position: fixed;
        overflow-y: scroll;
        left: 0;
        top: 90px;
        bottom: 0;
        right: 0;
        padding: 3%;
        background-color: #9966ff; 
        color: white;
        font-size: small;
    }
    
    
    
    /* adult content message */
    #adult_message {
        text-align: center;
        margin: 40px auto;
        max-width: 90%;
    
    }
    
    #adult_message > p {
        text-indent: 1.5em;
        margin: 0 0 1.5em 0;
        
    }
}

/* BEGIN FORM STYLES */

.subscription-description-description {
    background-color: #96f;
}

/* computer screen */
@media screen and (min-width: 480px) {
    #login_form {
        box-shadow: 5px 2px 10px 0px gold;
        padding: 10px;
        
    }
    #login-form-container {
        max-width: 500px;
        margin: auto;
        margin-bottom: 20px;
        border: 1px solid #9966ff;
        background: radial-gradient(white, #96f);
        box-shadow: 0px 0px 7px 3px gold;
        text-align: center;
        height: auto;
        border-radius: 4px;
        margin-top: 10px; 
    }
    
    .form-input-container {
        padding: 10px 0px 10px 0px;
    }
    .form-input-container > span {
        display: inline-block;
        color: black;
        font-family: 'Cinzel Decorative', cursive;
        width: 125px;
        text-align: right;
        margin-right: 10px;
    }
    
    .form-input-container > input {
        display: inline-block;
        width: 200px;
    }
}

/* mobile screen */
@media screen and (max-width: 480px) {
    #login-form-container {
        box-shadow: 5px 2px 10px 0px gold;
        max-width: 500px;
        margin: auto;
        border: 1px solid #96f;
        background: radial-gradient(white, #96f);
        box-shadow: 0px 0px 7px 3px gold;
        text-align: center;
        height: auto;
        border-radius: 4px;
        margin-bottom: 40px;
        margin-top: 5px;
    }
    
    .form-input-container {
        padding: 10px 0px 10px 0px;
    }
    .form-input-container > span {
        display: inline-block;
        color: black;
        font-family: 'Cinzel Decorative', cursive;
        width: 25%;
        font-size: x-small;
        text-align: right;
        margin-right: 10px;
    }
    
    .form-input-container > input {
        display: inline-block;
        width: 60%;
    }
}

.form-buttons-container {
    margin-top: 10px;
}

.form-message {
    color: red;
}

.success_message {
    color: green;
}

/* END FORM STYLES */

/* START HOME PAGE */
@media screen and (min-width: 680px) {
    .post-container {
        text-align: center;
        margin-bottom: 40px;
    }
    
    .post-title {
        font-family: 'Cinzel Decorative', cursive;
        font-size: large;
    }
    
    .post-text {
        width: 80%;
        margin: 0 auto;
    }
    
    .post-video {
        width: 80%;
        margin-bottom: 20px;
        box-shadow: 5px 7px gold;
        border: 1px solid black;
    }
}

@media screen and (max-width: 680px) {
    .post-container {
        text-align: center;
        margin-bottom: 40px;
    }
    
    .post-title {
        font-family: 'Cinzel Decorative', cursive;
        font-size: small;
    }
    
    .post-text {
        width: 80%;
        margin: 0 auto;
        font-size: x-small
    }
    
    .post-video {
        width: 80%;
        margin-bottom: 20px;
        box-shadow: 5px 7px black;
        border: 1px solid black;
    }
}

.post-image {
    width: 80%;
    margin-bottom: 1em;
}

/* END HOME PAGE */

/* START VIDEO STYLES */
/* computer screen */
@media screen and (min-width: 680px) {
    .videosContainer {
        padding: 40px 80px 40px 80px;
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-gap: 80px;
        -moz-column-gap: 80px;
        -webkit-column-gap: 80px;
        
        
    }
    
    
    .video-title {
        margin-bottom: 5px;
        text-shadow: 1px 1px 2px gold;
    }
    .sample-video {
        max-width: 100%;
        border: 1px solid gold;
        box-shadow: 0px 0px 10px gold;
    }
    
    .sample-video-alt {
        max-width: 100%;
        border: 1px solid gold;
        box-shadow: 0px 0px 10px gold;
    }
    
    .video-description {
        height: 200px;
        overflow-y: scroll;
        margin-bottom: 40px;
        margin-top: 20px;
        background: radial-gradient(#96f, transparent);
    }
    
    .video-description > p {
        display: inline-block;
    }
    
    .video-container{
        display: inline-block;
        width: 100%;
    }
    
    .video-container-alt{
        display: inline-block;
        width: 100%;
    }
}

@media screen and (max-width: 680px) {
    .videosContainer {
        padding: 20px 40px 20px 40px;
        
        
    }
    
    
    .video-title {
        text-align: center;
        margin-bottom: 5px;
        text-shadow: 1px 1px 2px gold;
    }
    .sample-video {
        max-width: 100%;
        border: 1px solid gold;
        box-shadow: 0px 0px 10px gold;
    }
    
    .sample-video-alt {
        max-width: 100%;
        border: 1px solid gold;
        box-shadow: 0px 0px 10px gold;
    }
    
    .video-description {
        max-height: 180px;
        text-size: small;
        overflow-y: scroll;
        margin-bottom: 30px;
        margin-top: 10px;
        background: radial-gradient(#96f, transparent);
    }
    
    .video-description > p {
        display: inline-block;
    }
    
    .video-container{
        display: inline-block;
        width: 100%;
    }
    
    .video-container-alt{
        display: inline-block;
        width: 100%;
    }
}

/* END VIDEO STYLES */

/* LOGIN REQUIRED MESSAGE */
/* computer screen */
@media screen and (min-width: 480px) {
    .login-required-message {
        max-width: 400px;
        margin: 80px auto;
        text-align: center;
        font-size: x-large;
    }
}

/* small phone screen */
@media screen and (max-width: 480px) {
    .login-required-message {
        max-width: 400px;
        margin: 40px auto;
        text-align: center;
        font-size: medium;
    }
}

/* SUBSCRIBE TEXT */
/* computer screen */
@media screen and (min-width: 680px) {
    #top_subscribe_page_text{
        text-align: center;
        font-family: cursive;
    }
    
    #top_subscribe_page_text > h1 {
        margin: 0px;
    }
    
    #subscription_info > tbody > tr > th{
        font-family: 'Cinzel Decorative';
        font-size: small;
        height: 60px;
    }
}

/* mobile */
@media screen and (max-width: 680px) {
    #top_subscribe_page_text{
        text-align: center;
        font-family: cursive;
        font-size: small;
    }
    
    #top_subscribe_page_text > h1 {
        margin: 0px;
    }
    
    #subscription_info > tbody > tr > th{
        font-family: 'Cinzel Decorative';
        font-size: small;
        height: 40px;
    }
    
    #subscription_info > tbody > tr {
        font-size: small;
    }
}


/* SUBSCRIBE SELECT LIST */
@media screen and (min-width: 680px) {
/* computer screen */
    .subscription_select_container {
        padding: 20px 0px 20px 0px;
        text-align: center;
    }
    
    .subscription_select_container > select {
        height: 40px;
        font-family: 'Cinzel Decorative', cursive;
        background-color: lightgray;
        border: 0px none;
        border-radius: 4px;
    }
}

@media screen and (max-width: 680px) {
/* computer screen */
    .subscription_select_container {
        padding: 10px 0px 10px 0px;
        text-align: center;
    }
    
    .subscription_select_container > select {
        height: 20px;
        font-family: 'Cinzel Decorative', cursive;
        background-color: lightgray;
        border: 0px none;
        border-radius: 4px;
    }
}

.subscription_select_container > select > option {
    padding: 2px;
    background: lightgray;
    transition: text-shadow .2s ease-out;
    -webkit-transition: text-shadow .2s ease-out;
}

.subscription_select_container > select > option:hover {
    text-shadow: 0px 0px 5px white;
    background: lightgray;
}


/* ACCEPT PAGE */
#accept_login_text {
    margin-bottom: 40px;
}

/* button styles */
@media screen and (min-width: 680px) {
    input[type='submit'] {
        font-family: "Cinzel Decorative",cursive;
        margin: 5px 5px 15px 5px;
        cursor: pointer;
        border-radius: 4px;
        border: 0px none;
        transition: box-shadow .2s ease-out;
        -webkit-transition: box-shadow .2s ease-out;
    }
    
    .post-button-container {
        text-align: center;
    }
    
    .button {
        font-family: "Cinzel Decorative",cursive;
        text-decoration: none;
        padding: 7.5px 10px 5px 10px;
        background-color: whitesmoke;
        color: black;
        cursor: pointer;
        box-shadow: 0px 0px 5px rgba(0,0,0,.7) inset;
        border-radius: 4px;
        border: 0px none;
        transition: box-shadow .2s ease-out;
        -webkit-transition: box-shadow .2s ease-out;
        font-size: .8em;
        white-space: nowrap;
        display: inline-block;
        margin-top: 4px;
    }
}

@media screen and (max-width: 680px) {
    input[type='submit'] {
        font-family: "Cinzel Decorative",cursive;
        padding-top: 3px;
        margin: 5px 5px 15px 5px;
        cursor: pointer;
        box-shadow: 0px 0px 4px gray inset;
        border-radius: 4px;
        border: 0px none;
        transition: box-shadow .2s ease-out;
        -webkit-transition: box-shadow .2s ease-out;
    }
    
    .post-button-container {
        text-align: center;
    }
    
    .button {
        font-family: "Cinzel Decorative",cursive;
        text-decoration: none;
        padding: 3px 8px 1px 8px;
        background-color: whitesmoke;
        color: black;
        cursor: pointer;
        box-shadow: 0px 0px 4px rgba(0,0,0,.7) inset;
        border-radius: 4px;
        border: 0px none;
        transition: box-shadow .2s ease-out;
        -webkit-transition: box-shadow .2s ease-out;
        font-size: small;
        white-space: nowrap;
        display: inline-block;
        margin-top: 4px;
    }
}

input[type='submit']:hover {
    box-shadow: none;
}

.button:hover {
    box-shadow: none;
}


/* "MY VIDEOS" PAGE */
.video-instruction-box {
    text-align: center;
    margin-bottom: 40px;
}

/* PAGINATION */
.pagination {
    position: relative;
    bottom: 40px;
}

.pagination > span {
    margin-left: 80px;
}

/* GALLERY */
#gallery > div > span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    text-shadow: 0px 0px 10px white;
    margin-bottom: .5em;
}

#gallery > div > img {
    width: 100%;
    box-shadow: 1em 1em black;
    cursor: pointer;
}

.pswp {
    bottom: 0;
    height: auto;
}

.cover_photo {
    margin-bottom: 3em;
}

@media screen and (min-width: 680px) {
    #gallery {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-gap: 80px;
        -moz-column-gap: 80px;
        -webkit-column-gap: 80px;
    }
    
    #gallery > div {
        display: inline-block;
    }
    
    .pswp {
        top: 120px;
    }
}

@media screen and (max-width: 680px) {
    .pswp {
       top: 90px;
    }

}

/* CUSTOMS PAGE */
/* TESTIMONIALS */

@media screen and (max-width: 680px) {
    #testimonials_container, #testimonial_form_container {
        margin: 0px auto;
        width: 90% !important;
    }
}

#testimonials_container, #testimonial_form_container {
    margin: 0px auto;
    width: 50%;
}

.testimonial_container {
    margin: 20px 0px;
}

.testimonial_text {
    background-color: rgba(255,255,255,0.1);
    border-radius: 2px;
    margin-bottom: 5px;
}

#testimonials_more_div {
    text-align: center;
    margin-bottom: 40px;
}

#see_more_testimonials_link {
    color: lightgrey !important;
}


/* SLAVE APPLICATION FORM */
#slave_form > div {
    margin: 10px 0px;
}

@media screen and (min-width: 350px) {
    #slave_form > div > span {
        text-align: right;
    }
}

#slave_form > div > span {
    width:160px;
    display:inline-block;
}

#subscription_info {
    border-spacing: 15px;
}
/* END MAIN PAGE CONTENT */

/* FOOTER STYLES */
.footer-items {
    position: relative;
    bottom: 0;
    font-size: x-small;
}

.footer-items > a {
    color: gray;
}
/* END FOOTER STYLES */

.c4s_banner {
    box-shadow: 5px 2px 10px 0px gold;
    width: 100%;
    margin: 1em 0px;
    border-radius: 5px;
}

video {
    border-radius: 5px;
    border: 1px solid gold;
}