/******************************************************************************************/
/******************************************************************************************/
/****                                                                                  ****/
/****                                                                                  ****/
/****  Created By:  Dustin Beck                                                        ****/
/****  Creation Date:  12.20.2020                                                      ****/
/****                                                                                  ****/
/****  Description:                                                                    ****/
/****  Designed for all media sizes and all modern web browsers.                       ****/
/****                                                                                  ****/
/****                                                                                  ****/
/******************************************************************************************/
/******************************************************************************************/

/***********************************/
/***** Variable Configuration ******/
/***********************************/
:root
{
    --gen_pad_size:          25px;
    --gen_radius_size:       8px;
    --prim_back_color:       #a89ea6;
    --sec_back_color:        #60505C;
}

/***********************************/
/***** Hyperlink Configuration *****/
/***********************************/

a:link, a:visited /* a normal, unvisited link -- a link the user has visited */
{
    color:                   #313131;
    text-decoration:         underline;
}

a:hover /* a link when the user mouses over it */
{
    color:                   #757474;
    text-decoration:         none;
}

a:active /* a link the moment it is clicked */
{
    color:                   #d3d3d3;
    text-decoration:         underline;
}

a.db_nav_link:link, a.db_nav_link:visited
{
    color:                   #636363;
    text-decoration:         none;
}

a.db_nav_link:hover
{
    color:                   #FFFFFF;
    background-color:        #2C2C2C;
    text-decoration:         underline;
}

a.db_a_footer:hover /* a link when the user mouses over it */
{
    color:                   #FFFFFF;
    text-decoration:         underline;
}

a.db_a_footer:active /* a link the moment it is clicked */
{
    color:                   #FFFFFF;
    text-decoration:         underline;
}

a.db_footer_sm_links:link, a.db_footer_sm_links:visited, a.db_footer_sm_links:hover, a.db_footer_sm_links:active
{
    text-decoration:         none;
    background-color:        inherit;
}

span.db_hover_link
{
	color:                   gray;
    text-decoration:         underline;
}

/***********************************/
/*****   General Fromatting    *****/
/***********************************/
.db_blk_border
{
    border:                 0px solid #000000;
}

.db_bold
{
    font-weight:             bold;
}

.db_large_heading
{
    font-weight:             bold;
    font-size:               20pt;
    text-align:              center;
}

.db_medium_heading
{
    font-weight:             bold;
    font-size:               14pt;
    text-align:              center;
}

.db_small_heading
{
    font-weight:             bold;
    font-size:               12pt;
    text-align:              center;
}

.db_left
{
    text-align:              left!important;
}

.db_bg_blue
{
    background-color:        #71BCF7;
}
 
.db_bg_green
{
    background-color:        #9DD39F;
}

.db_bg_purple
{
    background-color:        #D4A2DC;
}

.db_bg_red
{
    background-color:        #F9ACA6;
}

input
{
	color:               #51657F;
}

.db_scripture_bulk_container
{
	background-color:        #B3AEBF;
	padding-left:            16px;
	padding-right:           16px;
	padding-top:             8px;
	padding-bottom:          8px;
	width:                   80%;
	margin:                  auto;
}

@media (max-width: 800px)
{
    .db_scripture_bulk_container
    {
        width:               95%;
    }
}

.db_scripture_container
{
	display:                 block;
	padding-top:             8px;
	padding-bottom:          8px;
	background-color:        inherit;
	margin:                  auto;
}

.db_scripture_ref
{
	color:                   darkgreen;
	font-weight:             bold;
}
.db_scripture_text
{
	color:                   green;
	font-style:              italic;
}

.db_border_debug
{
    border:                  1px solid blue;
}

.db_contact_form_wide_div
	{
		display:             block;
		width:               80%;
		/*margin:              auto;*/
		font-weight:         normal;
		font-size:           14px;
		text-align:          left;
	}

.db_contact_form_table
{
	width:                   60%;
	/*margin:                  auto;*/
}

.db_submit_link_button
{
	background-color:        #2B4463;
	color:                   #FFFFFF;
	font-size:               14px;
	text-align:              center;
}

.db_td_input
{
	text-align:          left;
}


/***********************************/
/*****      Page Formatting    *****/
/***********************************/
.db_page_container
{
    width:                   80%;
    margin:                  auto;
    background-color:        #ffffff;
}

.db_header_nav_row
{
    display:                 inline;
}

.db_gbc_logo_img
{
    width:                   275px;
    border:                  none;
    padding-bottom:          10px;
}

.db_header_gbc_logo_container
{
    text-align:              left;
    width:                   33.33%;
    float:                   left;
}

.db_header_nav_container
{
    width:                   100%;
    text-align:              center;
    /*float:                   left;*/
    /*margin:                  auto;*/
}

.db_nav_bar
{
    width:                   100%;
    overflow:                hidden;
    background-color:        inherit;
    padding-top:             25px;
    padding-bottom:          10px;
    padding-right:           10px;
}

.db_facebook_logo
{
    width:                   30px;
}

.db_youtube_play_logo
{
    width:                   30px;
}

.db_search_icon
{
    width:                   30px;
}

.db_modal
{
	display:                 block;
}

.db_modal_content
{
	min-height:              250px; 
	background-color:        #FFEFEE;
}

.db_modal_content_verse
{
	min-height:              250px;
	background-color:        rgb(222, 228, 222);
}

.db_modal_header
{
	padding-top:             10px; 
	padding-bottom:          5px; 
	color:                   white; 
	background-color:        red; 
	font-weight:             bold;
	font-size:               var(--font-size-lg);
	width:                   100%; 
	height:                  100%;
}

.db_modal_header_verse
{
	padding-top:             10px; 
	padding-bottom:          5px; 
	color:                   white; 
	background-color:        darkgreen; 
	font-weight:             bold;
	font-size:               var(--font-size-lg);
	width:                   100%; 
	height:                  100%;
}


/***********************************/
/*****          HEADER         *****/
/*****   Adjustments to Media  *****/
/***********************************/



/***********************************/
/*****      END HEADER         *****/
/*****   Adjustments to Media  *****/
/***********************************/

.db_headline_container
{
    padding-top:             90px;
    padding-left:            120px;
    border-radius:           var(--gen_radius_size);
}

.db_banner_index
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_about
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_connect
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_give
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_gospel
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_location
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_next_steps
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_service_times
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_watch_live
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_beliefs
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_events
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_expectations
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_help
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_children
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_pastor
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_banner_contact
{
    background-image:        url(../img/ButteCityViewWithOverlay.JPG);
    background-repeat:       no-repeat;
    background-size:         cover;
}

.db_headline_row
{
    padding-left:            32px;
}

.db_headline_text
{
    font-weight:             bold;
    color:                   #FFFFFF;
    font-size:               30px;
}

.db_headline_learn_button
{
    background-color:        #AFA5D1; /*var(--prim_back_color);*/
    color:                   #FFFFFF;
}

/***********************************/
/*****         HEADLINE        *****/
/*****   Adjustments to Media  *****/
/***********************************/

@media (max-width: 1150px)
{
    .db_headline_text
    {
        font-weight:         bold;
        color:               #FFFFFF;
        font-size:           28px;
    }
}

@media (max-width: 1075px)
{
    .db_headline_text
    {
        font-weight:         bold;
        color:               #FFFFFF;
        font-size:           26px;
    }
}

@media (max-width: 1000px)
{
    .db_headline_text
    {
        font-weight:         bold;
        color:               #FFFFFF;
        font-size:           24px;
    }
}

@media (max-width: 925px)
{
    .db_headline_text
    {
        font-weight:         bold;
        color:               #FFFFFF;
        font-size:           22px;
    }
}

@media (max-width: 875px)
{
    .db_headline_text
    {
        font-weight:         bold;
        color:               #FFFFFF;
        font-size:           20px;
    }

    .db_headline_container
    {
        padding-top:             90px;
        padding-left:            50px;
        background-image:        url(../img/ButteCityViewWithOverlay.JPG);
        background-repeat:       no-repeat;
        background-size:         cover;
        border-radius:           var(--gen_radius_size);
    }
}

@media (max-width: 700px)
{
    .db_headline_text
    {
        font-weight:         bold;
        color:               #FFFFFF;
        font-size:           17px;
    }

    .db_headline_container
    {
        padding-top:             90px;
        padding-left:            20px;
        background-image:        url(../img/ButteCityViewWithOverlay.JPG);
        background-repeat:       no-repeat;
        background-size:         cover;
        border-radius:           var(--gen_radius_size);
    }
}

@media (max-width: 450px)
{
    .db_headline_container
    {
        padding-top:             90px;
        padding-left:            5px;
        background-image:        url(../img/ButteCityViewWithOverlay.JPG);
        background-repeat:       no-repeat;
        background-size:         cover;
        border-radius:           var(--gen_radius_size);
    }
}

/***********************************/
/*****       END HEADLINE      *****/
/*****   Adjustments to Media  *****/
/***********************************/

.db_page_card_container
{
    width:                   90%;
    min-width:               800px;
    margin:                  auto;
    text-align:              center;
    background-color:        inherit;
}

@media (max-width: 1000px)
{
    .db_page_card_container
    {
        width:                   90%;
        min-width:               600px;
        margin:                  auto;
        text-align:              center;
        background-color:        inherit;
    }
}

@media (max-width: 600px)
{
    .db_page_card_container
    {
        width:                   90%;
        min-width:               500px;
        margin:                  auto;
        text-align:              center;
        background-color:        inherit;
    }
}

.db_page_content_container
{
    width:                   90%;
    margin:                  auto;
    text-align:              left;
    background-color:        inherit;
    padding-top:             16px;
    padding-bottom:          16px;
    padding-left:            16px;
    padding-right:           16px;
}

.db_card
{
    box-shadow:              0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
    background-color:        #F7F4F4;
    width:                   475px;
    margin-left:             28px;
    margin-right:            16px;
    margin-bottom:           16px;
    display:                 inline-block;
    border-radius:           var(--gen_radius_size);
}

.db_card_horizontal
{
    box-shadow:              0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
    background-color:        #F7F4F4;
    width:                   85%;
    /*height:                  300px;*/
    height:                  400px;
    margin-top:              16px;
    margin-bottom:           16px;
    display:                 inline-block;
    border-radius:           var(--gen_radius_size);
}

.db_card_horizontal_tall
{
    box-shadow:              0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
    background-color:        #FFFFFF;
    width:                   80%;
    height:                  650px;
    margin-top:              16px;
    margin-bottom:           16px;
    display:                 inline-block;
    border-radius:           var(--gen_radius_size);
}

.db_card_header
{
    border-top-left-radius:  var(--gen_radius_size);
    border-top-right-radius: var(--gen_radius_size);
    height:                  250px;
    text-align:              center;
    font-weight:             bold;
    font-size:               28pt;
}

#hdrCardMap
{
    background-image:        url(../img/cards/Map-wOverlay.jpg);
    background-repeat:       no-repeat;
    background-size:         cover;
    color:                   #FFFFFF;
}

#hdrCardMap:hover, #hdrCardMap:active
{
    background-image:        url(../img/cards/Map.jpg);
    background-repeat:       no-repeat;
    background-size:         cover;
    color:                   #000000;
}

#hdrCardBeliefs
{
    background-image:        url(../img/cards/Bible-wOverlay.jpg);
    background-repeat:       no-repeat;
    background-size:         cover;
    color:                   #FFFFFF;
}

#hdrCardBeliefs:hover, #hdrCardBeliefs:active
{
    background-image:        url(../img/cards/Bible.jpg);
    background-repeat:       no-repeat;
    background-size:         cover;
    color:                   #000000;
}

#hdrCardPastor
{
    background-image:        url(../img/cards/PastorFamily-wOverlay.jpg);
    background-repeat:       no-repeat;
    background-size:         cover;
    color:                   #FFFFFF;
}

#hdrCardPastor:hover, #hdrCardPastor:active
{
    background-image:        url(../img/cards/PastorFamily.jpg);
    background-repeat:       no-repeat;
    background-size:         cover;
    color:                   #000000;
}

#hdrCardEvents
{
    background-image:        url(../img/cards/Events-wOverlay.jpg);
    background-repeat:       no-repeat;
    background-size:         cover;
    color:                   #FFFFFF;
}

#hdrCardEvents:hover, #hdrCarhdrCardEventsdPastor:active
{
    background-image:        url(../img/cards/Events.jpg);
    background-repeat:       no-repeat;
    background-size:         cover;
    color:                   #000000;
}

#hdrCardServiceTimes, #hdrCardHelp, #hdrCardExpect, #hdrCardChildren, #hdrCardConnect
{
    background-image:        url(../img/polygon-grunge-background.jpg);
    background-repeat:       no-repeat;
    background-size:         cover;
    color:                   #FFFFFF;
}

.db_card_horizontal_bg_img_joe_taylor
{
    background-image:           url(../images/chaplains/ChaplainJoeTaylor.jpg);
    background-repeat:          no-repeat;
    background-size:            cover;
    width:                      50%;
    height:                     100%;
    color:                    #FFFFFF;
    border-top-right-radius:    var(--gen_radius_size);
    border-bottom-right-radius: var(--gen_radius_size);
}

.db_card_horizontal_bg_img_gaylen_bullion
{
    background-image:           url(../images/chaplains/ChaplainGaylenBullion.jpg);
    background-repeat:        no-repeat;
    background-size:          cover;
    width:                    50%;
    height:                   100%;
    color:                    #FFFFFF;
    border-top-left-radius:   var(--gen_radius_size);
    border-bottom-left-radius:var(--gen_radius_size);
}

.db_card_horizontal_bg_img_derrick_burrus
{
    background-image:           url(../images/chaplains/ChaplainDerrickBurrus.jpg);
    background-repeat:          no-repeat;
    background-size:            cover;
    width:                      50%;
    height:                     100%;
    color:                    #FFFFFF;
    border-top-right-radius:    var(--gen_radius_size);
    border-bottom-right-radius: var(--gen_radius_size);
}

.db_card_horizontal_bg_img_jonathan_aparre
{
    background-image:           url(../images/chaplains/ChaplainJonathanAparre.jpg);
    background-repeat:          no-repeat;
    background-size:            cover;
    width:                      50%;
    height:                     100%;
    color:                    #FFFFFF;
    border-top-right-radius:    var(--gen_radius_size);
    border-bottom-right-radius: var(--gen_radius_size);
}

.db_card_horizontal_bg_img_Ed_McCreary
{
    background-image:           url(../images/chaplains/ChaplainEdMcCreary.jpg);
    background-repeat:        no-repeat;
    background-size:          cover;
    width:                    50%;
    height:                   100%;
    color:                    #FFFFFF;
    border-top-left-radius:   var(--gen_radius_size);
    border-bottom-left-radius:var(--gen_radius_size);
}

.db_card_horizontal_bg_img_Rey_Labrador
{
    background-image:           url(../images/chaplains/ChaplainReyLabrador.jpg);
    background-repeat:        no-repeat;
    background-size:          cover;
    width:                    50%;
    height:                   100%;
    color:                    #FFFFFF;
    border-top-left-radius:   var(--gen_radius_size);
    border-bottom-left-radius:var(--gen_radius_size);
}

.db_card_horizontal_bg_img_Corey_Cooper
{
    background-image:           url(../images/chaplains/ChaplainCoreyCooper.jpg);
    background-repeat:        no-repeat;
    background-size:          cover;
    width:                    50%;
    height:                   100%;
    color:                    #FFFFFF;
    border-top-left-radius:   var(--gen_radius_size);
    border-bottom-left-radius:var(--gen_radius_size);
}

.db_card_horizontal_bg_img_David_Copeland
{
    background-image:           url(../images/chaplains/ChaplainDavidCopeland.jpg);
    background-repeat:        no-repeat;
    background-size:          cover;
    width:                    50%;
    height:                   100%;
    color:                    #FFFFFF;
    border-top-left-radius:   var(--gen_radius_size);
    border-bottom-left-radius:var(--gen_radius_size);
}

.db_card_horizontal_bg_img_Dustin_Beck
{
    background-image:           url(../images/chaplains/ChaplainDustinBeck.jpg);
    background-repeat:        no-repeat;
    background-size:          cover;
    width:                    50%;
    height:                   100%;
    color:                    #FFFFFF;
    border-top-left-radius:   var(--gen_radius_size);
    border-bottom-left-radius:var(--gen_radius_size);
}

.db_card_horizontal_bg_img_Rafael_Betero
{
    background-image:           url(../images/chaplains/ChaplainRafaelBetero.jpg);
    background-repeat:        no-repeat;
    background-size:          cover;
    width:                    50%;
    height:                   100%;
    color:                    #FFFFFF;
    border-top-left-radius:   var(--gen_radius_size);
    border-bottom-left-radius:var(--gen_radius_size);
}


.db_card_body
{
    color:                   #808080;
    padding-top:             16px;
    padding-bottom:          16px;
    height:                  240px;
    text-align:              left;
}

.db_card_body_horizontal
{
    color:                   #808080;
    padding-top:             16px;
    padding-bottom:          16px;
    margin-left:             16px;
    margin-right:            16px;
    width:                   45%;
    text-align:              left;
}

.com_leader_image_chaplain
{
    width:                 auto;
    height:                300px;
    overflow:              hidden;
}

@media (max-width: 600px)
{
    .com_leader_image_chaplain
    {
        width:                 auto;
        height:                200px;
        overflow:              hidden;
    }
}

.db_card_footer
{
    border-top-width:        1px;
    border-top-color:        #808080;
    border-top-style:        solid;
    padding-top:             8px;
    padding-bottom:          8px;
    text-align:              left;
}



table.no_space, td.no_space
{
    height:                  100%;
    border-spacing:          0px;
    border-collapse:         collapse;
    /*border: 1px green solid;*/ /*debug borders - NOTE this may take away some borders that should be there*/
}

.box_hierarchy
{
    border-width:            5px!important;
    border-color:            #000000!important;
    border-style:            solid!important; 
    text-align:              center;
    border-collapse:         collapse;
    width:                   100%;
}

td.hierarchy_vline_right
{
    border-right-width:      10px;
    border-right-color:      #0E4399;
    border-right-style:      solid;
}

td.hierarchy_hline_top
{
    border-top-width:        10px;
    border-top-color:        #0E4399;
    border-top-style:        solid;
}

td.hierarchy_hd_line_top
{
    border-top-width:        10px;
    border-top-color:        #0E4399;
    border-top-style:        dotted;
}

.line_hierarchy
{
    font-weight:             bold;
    font-size:               14pt;
}
.img_hierarchy
{
    max-width:               150px;
    padding:                 0px;
}

.txt_hierarchy
{
    text-align:              center;
    width:                   100%;
}

.txt_hierarchy_chap_name
{
    font-weight:             bold;
    font-size:               20pt;
}

.txt_hierarchy_chap_name_sm
{
    font-weight:             bold;
    text-align:              left;
    font-size:               16pt;
    border-width:            3px; 
    border-color:            #000000; 
    border-style:            solid;
    padding:                 10px;
}

.txt_hierarchy_chap_title
{
    font-weight:             bold;
    font-size:               16pt;
}

.txt_hierarchy_chap_location
{
    font-weight:             normal;
    font-size:               12pt;
}

/***********************************/
/*****         HEADLINE        *****/
/*****   Adjustments to Media  *****/
/***********************************/

@media (max-width: 1900px)
{
    .db_card
    {
        box-shadow:          0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        width:               600px;
        margin-left:         28px;
        margin-right:        16px;
        margin-bottom:       16px;
        display:             inline-block;
        border-radius:       var(--gen_radius_size);
    }
}

@media (max-width: 1800px)
{
    .db_card
    {
        box-shadow:          0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        width:               500px;
        margin-left:         28px;
        margin-right:        16px;
        margin-bottom:       16px;
        display:             inline-block;
        border-radius:       var(--gen_radius_size);
    }
}

@media (max-width: 1400px)
{
    .db_card
    {
        box-shadow:          0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        width:               475px;
        margin-left:         28px;
        margin-right:        16px;
        margin-bottom:       16px;
        display:             inline-block;
        border-radius:       var(--gen_radius_size);
    }
}

@media (max-width: 1300px)
{
    .db_card
    {
        box-shadow:          0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        width:               550px;
        margin-left:         28px;
        margin-right:        16px;
        margin-bottom:       16px;
        display:             inline-block;
        border-radius:       var(--gen_radius_size);
    }

    .db_card_body
    {
        color:               #808080;
        padding-top:         16px;
        padding-bottom:      16px;
        height:              270px;
        text-align:          left;
    }
}

@media (max-width: 900px)
{
    .db_card
    {
        box-shadow:          0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        width:               475px;
        margin-left:         28px;
        margin-right:        16px;
        margin-bottom:       16px;
        display:             inline-block;
        border-radius:       var(--gen_radius_size);
    }

    .db_card_body
    {
        color:               #808080;
        padding-top:         16px;
        padding-bottom:      16px;
        height:              270px;
        text-align:          left;
    }
}

@media (max-width: 700px)
{
    .db_card
    {
        box-shadow:          0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        width:               400px;
        margin-left:         28px;
        margin-right:        16px;
        margin-bottom:       16px;
        display:             inline-block;
        border-radius:       var(--gen_radius_size);
    }

    .db_card_body
    {
        color:               #808080;
        padding-top:         16px;
        padding-bottom:      16px;
        height:              280px;
        text-align:          left;
    }
}

@media (max-width: 600px)
{
    .db_card
    {
        box-shadow:          0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        width:               350px;
        margin:              auto;
        margin-bottom:       5px;
        display:             inline-block;
        border-radius:       var(--gen_radius_size);
    }

    .db_card_body
    {
        color:               #808080;
        padding-top:         16px;
        padding-bottom:      16px;
        height:              285px;
        text-align:          left;
    }
}

@media (max-width: 500px)
{
    .db_card
    {
        box-shadow:          0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        width:               350px;
        margin:              auto;
        margin-bottom:       5px;
        display:             inline-block;
        border-radius:       var(--gen_radius_size);
    }

    .db_card_body
    {
        color:               #808080;
        padding-top:         16px;
        padding-bottom:      16px;
        height:              285px;
        text-align:          left;
    }
}

@media (max-width: 1000px)
{
    .db_card_body_horizontal
    {
        color:                   #808080;
        padding-top:             16px;
        padding-bottom:          16px;
        margin-left:             16px;
        margin-right:            16px;
        width:                   40%;
    }
}

/***********************************/
/*****       END HEADLINE      *****/
/*****   Adjustments to Media  *****/
/***********************************/

.tooltip_dustin_beck 
{
    position:              relative;
    display:               inline-block;
    border-bottom:         1px dotted #000000;
}
  
.tooltip_dustin_beck .tooltiptext_dustin_beck
{
    visibility:            hidden;
    width:                 350px;
    background-color:    #000000;
    color:               #ffffff;
    text-align:            left;
    border-radius:         6px;
    padding:               5px 0;
    padding-left:          10px;
    padding-right:         10px;
  
    /* Position the tooltip */
    position:              absolute;
    z-index:               1;
}
  
.tooltip_dustin_beck:hover .tooltiptext_dustin_beck 
{
    visibility:            visible;
}





.db_step_circle
{
    border-width:            5px;
    border-style:            solid;
    border-color:            #FFFFFF;
    color:                   #FFFFFF;
    font-weight:             bold;
    font-size:               20pt;
    width:                   225px;
    height:                  225px;
    display:                 inline-block;
    padding-left:            8px;
    padding-right:           8px;
    text-align:              center;
    border-radius:           50%;
    text-decoration:         none;
}

.db_step_circle:hover
{
    border-color:            var(--sec_back_color);
    color:                   var(--sec_back_color);
    text-decoration:         none;
}

.db_footer_container
{
    background-color:        var(--prim_back_color);
    color:                   #FFFFFF;
    border-top-left-radius:  var(--gen_radius_size);
    border-top-right-radius: var(--gen_radius_size);
    height:                  275px;
    /*width:                   80%;
    margin:                  auto;*/
}
.db_footer_container_address
{
    background-color:        var(--prim_back_color);
    color:                   #000000;
    /*height:                  350px;*/
    /*width:                   80%;
    margin:                  auto;*/
}
.db_footer
{
    text-align:              center;
    height:                  100%;
    /*width:                   80%;
    margin:                  auto;*/
}

.db_footer_section
{
    padding-left:            25px;
    padding-right:           25px;
    width:                   30%;
    display:                 inline-block;
}

.db_footer_left
{
    position:            absolute;
    top:                 50%;
    left:                0%;
    transform:           translate(0%,-50%);
    -ms-transform:       translate(-0%,-50%);
}

.db_footer_middle
{
    position:            absolute;
    top:                 50%;
    left:                50%;
    transform:           translate(-50%,-50%);
    -ms-transform:       translate(-50%,-50%);
}

.db_footer_right
{
    position:            absolute;
    top:                 50%;
    right:               0%;
    transform:           translate(0%,-50%);
    -ms-transform:       translate(0%,-50%);
}

.db_footer_logo
{
    width:                   200px;
    height:                  auto;
}

.db_social_media_bar
{
    width:                   100%;
    height:                  100%;
    overflow:                hidden;
    background-color:        inherit;
}

.db_footer_fb_link
{
    top:                     50%;
    left:                    0%;
}

.db_footer_yt_link
{
    top:                     50%;
    right:                   0%;
}

#db_footer_fb_logo
{
    width:                   50px;
    height:                  auto;
}

#db_footer_yt_logo
{
    width:                   50px;
    height:                  auto;
}

#db_footer_fb_logo:hover, #db_footer_fb_logo:active
{
    width:                   55px;
    height:                  auto;

}

#db_footer_yt_logo:hover, #db_footer_yt_logo:active
{
    width:                   55px;
    height:                  auto;
}

.db_copyright_section
{
    background-color:             var(--sec_back_color);
    color:                        #FFFFFF;
    text-align:                   center;
    border-bottom-left-radius:    var(--gen_radius_size);
    border-bottom-right-radius:   var(--gen_radius_size);
    /*width:                        80%;
    margin:                       auto;*/
}

@media (max-width: 10000px)
{
    .db_gospel_video_iframe
	{
		width:               625px;  /*500x318*/
		height:              398px;
	}
}

@media (max-width: 1035px)
{
    .db_gospel_video_iframe
	{
		width:               425px;
		height:              285px;
	}
}

@media (max-width: 600px)
{
    .db_gospel_video_iframe
	{
		width:               280px;
		height:              158px;
	}
}

/***********************************/
/*****        LOCATION         *****/
/*****   Adjustments to Media  *****/
/***********************************/

#id_db_large_size_location_table
{
    border-spacing:        0px;
    width:                 100%;
    border: solid 2px blue;
}

#id_db_medium_size_location_table
{
    border-spacing:        0px;
    width:                 100%;
}

#id_db_small_size_location_table
{
    border-spacing:        0px;
    width:                 100%;
}

@media (max-width: 10000px)
{
    #id_db_full_size_location_table
    {
        display:           block;
    }

    #id_db_medium_size_location_table
    {
        display:           none;
    }

    #id_db_small_size_location_table
    {
        display:           none;
    }
}

@media (max-width: 965px)
{
    #id_db_full_size_location_table
    {
        display:           none;
    }

    #id_db_medium_size_location_table
    {
        display:           block;
    }

    #id_db_small_size_location_table
    {
        display:           none;
    }

    .db_loc_hotel_img
    {
        width:             90%;
    }
}

@media (max-width: 750px)
{
    #id_db_large_size_location_table
    {
        display:           none;
    }

    #id_db_medium_size_location_table
    {
        display:           none;
    }

    #id_db_small_size_location_table
    {
        display:           block;
    }

    .db_loc_hotel_img
    {
        width:             75%;
    }
}

@media (max-width: 700px)
{
    #id_db_large_size_location_table
    {
        display:           none;
    }

    #id_db_medium_size_location_table
    {
        display:           none;
    }

    #id_db_small_size_location_table
    {
        display:           block;
    }

    .db_loc_hotel_img
    {
        width:             75%;
    }
}

@media (max-width: 600px)
{
    #id_db_large_size_location_table
    {
        display:           none;
    }

    #id_db_medium_size_location_table
    {
        display:           none;
    }

    #id_db_small_size_location_table
    {
        display:           block;
    }

    .db_loc_hotel_img
    {
        width:             70%;
    }
}

@media (max-width: 400px)
{
    #id_db_large_size_location_table
    {
        display:           none;
    }

    #id_db_medium_size_location_table
    {
        display:           none;
    }

    #id_db_small_size_location_table
    {
        display:           block;
        width:             400px!important;
    }

    .db_loc_hotel_img
    {
        width:             65%;
    }
}

/***********************************/
/*****          EVENTS         *****/
/*****   Adjustments to Media  *****/
/***********************************/


.db_event_item_box
{
    border-style:          solid;
    border-width:          2px;
    border-color:          #d3d3d3;
    width:                 100%;
    height:                100%;
}

.db_event_card_body_horizontal
{
    color:                   #808080;
    padding-top:             16px;
    padding-bottom:          16px;
    margin-left:             16px;
    margin-right:            16px;
    width:                   80%;
    text-align:              left;
}

.db_event_card_horizontal
{
    box-shadow:              0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
    background-color:        #F7F4F4;
    width:                   50%;
    min-width:               450px;
    /*height:                  250px;*/
    margin-top:              16px;
    margin-bottom:           16px;
    display:                 inline-block;
    border-radius:           var(--gen_radius_size);
}

.db_event_blockdate
{
    font-weight:             bold;
    font-size:               28pt;
    text-align:              center;
    vertical-align:          middle;
    width:                   20%;
    height:                  250px;
}

.db_event_blockdetails
{
    width:                   80%;
    height:                  250px;
    vertical-align:          middle;
    padding-left:             16px;
    padding-right:            16px;
    color:                   #808080;
}

.db_event_heading
{
    font-weight:             bold;
    font-size:               20pt!important;
    text-align:              center;
}

.db_event_title
{
    font-weight:             bold;
    font-size:               20pt!important;
    text-align:              center;
    color:                   #000000;
}

.db_event_day_time
{
    font-weight:             bold;
}

.db_event_location
{
    font-weight:             bold;
}

.db_event_description
{
    font-weight:             bold;
}

@media(max-width: 10000px)
{
    .db_event_blockdate
    {
        font-weight:             bold;
        font-size:               28pt!important;
        text-align:              center;
    }

    .db_event_heading
    {
        font-weight:             bold;
        font-size:               20pt!important;
        text-align:              center;
    }

    .db_event_title
    {
        font-weight:             bold;
        font-size:               18pt!important;
        text-align:              center;
    }
}

@media(max-width: 1600px)
{
    .db_event_blockdate
    {
        font-weight:             bold;
        font-size:               28pt!important;
        text-align:              center;
    } 

    .db_event_heading
    {
        font-weight:             bold;
        font-size:               20pt!important;
        text-align:              center;
    } 

    .db_event_title
    {
        font-weight:             bold;
        font-size:               16pt!important;
        text-align:              center;
    } 
}

@media(max-width: 1400px)
{

    .db_event_card_horizontal
    {
        box-shadow:              0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        background-color:        #F7F4F4;
        width:                   75%;
        min-width:               450px;
        margin-top:              16px;
        margin-bottom:           16px;
        display:                 inline-block;
        border-radius:           var(--gen_radius_size);
    }

    .db_event_blockdate
    {
        font-weight:             bold;
        font-size:               28pt!important;
        text-align:              center;
    } 

    .db_event_heading
    {
        font-weight:             bold;
        font-size:               20pt!important;
        text-align:              center;
    } 

    .db_event_title
    {
        font-weight:             bold;
        font-size:               13pt!important;
        text-align:              center;
    } 
}

@media(max-width: 1000px)
{
    .db_event_card_body_horizontal
    {
        color:                   #808080;
        padding-top:             16px;
        padding-bottom:          16px;
        margin-left:             16px;
        margin-right:            16px;
        width:                   90%;
        text-align:              center;
    }

    .db_event_card_horizontal
    {
        box-shadow:              0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        background-color:        #F7F4F4;
        width:                   75%;
        min-width:               450px;
        margin-top:              16px;
        margin-bottom:           16px;
        display:                 inline-block;
        border-radius:           var(--gen_radius_size);
    }

    .db_event_blockdate
    {
        font-weight:             bold;
        font-size:               20pt!important;
        text-align:              center;
    }

    .db_event_heading
    {
        font-weight:             bold;
        font-size:               20pt!important;
        text-align:              center;
    }

    .db_event_title
    {
        font-weight:             bold;
        font-size:               13pt!important;
        text-align:              center;
    }
}

@media(max-width: 600px)
{
    .db_event_blockdate
    {
        font-weight:             bold;
        font-size:               20pt!important;
        text-align:              center;
    }

    .db_event_heading
    {
        font-weight:             bold;
        font-size:               18pt!important;
        text-align:              center;
    } 

    .db_event_title
    {
        font-weight:             bold;
        font-size:               13pt!important;
        text-align:              center;
    } 
}

@media(max-width: 475px)
{
    .db_event_card_horizontal
    {
        box-shadow:              0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
        background-color:        #F7F4F4;
        width:                   50%;
        min-width:               360px;
        margin-top:              16px;
        margin-bottom:           16px;
        display:                 inline-block;
        border-radius:           var(--gen_radius_size);
    }

    .db_event_blockdate
    {
        font-weight:             bold;
        font-size:               18pt!important;
        text-align:              center;
        width:                   10%;
        padding-left:            16px;
    }

    .db_event_blockdetails
    {
        width:                   90%;
        height:                  250px;
        vertical-align:          middle;
        padding-left:            16px;
        padding-right:           16px;
        color:                   #808080;
    }

    .db_event_heading
    {
        font-weight:             bold;
        font-size:               18pt!important;
        text-align:              center;
    } 

    .db_event_title
    {
        font-weight:             bold;
        font-size:               11pt!important;
        text-align:              center;
    } 
}

/***********************************/
/*****          FOOTER         *****/
/*****   Adjustments to Media  *****/
/***********************************/

@media (max-width: 1100px)
{
    .db_footer
    {
        text-align:          center;
        width:               95%;
        height:              100%;
        margin:              auto;
    }

    .db_footer_left
    {
        display:             none!important;
    }

    .db_footer_middle /*In this case, the alignment is LEFT instead of MIDDLE*/
    {
        position:            absolute;
        top:                 50%;
        left:                0%;
        transform:           translate(0%,-50%);
        -ms-transform:       translate(-0%,-50%);
    }

    .db_footer_section
    {
        padding-left:        25px;
        padding-right:       25px;
        width:               50%;
        display:             inline-block;
    }
}

@media (max-width: 600px)
{
    #db_footer_fb_logo
    {
        width:                   35px;
        height:                  auto;
    }

    #db_footer_yt_logo
    {
        width:                   35px;
        height:                  auto;
    }

    #db_footer_fb_logo:hover, #db_footer_fb_logo:active
    {
        width:                   40px;
        height:                  auto;

    }

    #db_footer_yt_logo:hover, #db_footer_yt_logo:active
    {
        width:                   40px;
        height:                  auto;
    }
}

@media (max-width: 400px)
{
    #db_footer_fb_logo
    {
        width:                   25px;
        height:                  auto;
    }

    #db_footer_yt_logo
    {
        width:                   25px;
        height:                  auto;
    }

    #db_footer_fb_logo:hover, #db_footer_fb_logo:active
    {
        width:                   30px;
        height:                  auto;

    }

    #db_footer_yt_logo:hover, #db_footer_yt_logo:active
    {
        width:                   30px;
        height:                  auto;
    }
}

/***********************************/
/*****        END FOOTER       *****/
/*****   Adjustments to Media  *****/
/***********************************/