/* RESIZABLE DIVS*/

/* TOP OF PAGE INFORMATION */

#mobilewrapper {
    display:none;
}

nav {
    display:none;
}

#page {
    width:100%;
    margin: 0 auto;
}

#pagetitle {
    width:85%;
    margin: 0 auto;
    font-family:mundial-narrow-variable;
    font-weight:700;
    text-transform:uppercase;
    font-size:400%;
    color:#666;
    border-bottom: 1px solid #999;
    line-height:100%;
}


/* MAIN GRAPHIC INFORMATION */


#new_main_graphic {
    background:url('/images/IMG_0650.jpg');
    background-color:#fefefe;
    background-size:cover;
    background-position:center center;
    width:100%;
    height:100vh;
    margin: 0 auto;
}

#new_main_graphic #feature_headline {
    width:65%;
    height:140px;
    margin:0;
    padding:0;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    font-family:'Poppins';
    font-size:200%;
    font-weight:400;
    color:#fff;
    text-shadow:1px 1px #555;
    line-height:100%;
    text-align:center;
}

#new_main_graphic #feature_headline #feature_text {
    width:100%;
    margin:0;
    padding:0;
    position:absolute;
    font-family:Poppins;
    font-size:65%;
    font-weight:400;
    color:#fff;
    text-shadow:1px 1px #555;
    line-height:125%;
    top:50%;
    left:0;
    text-align:center;
}



#spacer {
    display:none;
}

/* CONTENT DISPLAY */

#centerad {
    width:90%;
    margin:0 auto;
    padding:0;
}

#centerad #disclaimer {
    width: 100px;
    margin: 0 auto;
    padding: 0;
    font-family: Roboto;
    font-size: 75%;
    font-weight: 500;
    font-variant: small-caps;
    color: #aaa;
}

#centerad #image {
    width:100%;
    height:450px;
    margin: 0 auto;
    padding: 0;
    background-image: 
    linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(255, 255, 255, 1)),
    url('/images/IMG_0003.jpg');
    background-size: cover; /* Ensures the image covers the element */
    background-position: top 15% left 0; /* Centers the image */
    background-repeat: no-repeat;
}

/* -- PAGE CONTENT LAYOUT -- */
/* -- ONE COLUMN LAYOUT -- */

#col1_content {
    width:90%;
    padding:0;
    margin:0 auto;
    box-sizing:border-box;
}

#col1_content #header {
    display:none;
}

#col1_content img {
    width:100%;
    margin:0 auto;
    padding:0;
}

#col1_content #story {
    width:80%;
    margin:0 auto;
    padding:15px;
    background-color:#fff;
}

/* -- TWO COLUMN LAYOUT -- */

#col2_content {
    width:90%;
    padding:0;
    margin:0 auto;
}

#col2_content #headline {
    width:64.5%;
    margin:0;
    padding:0;
    color:#555;
}

#col2_content #col1 {
    width:50%;
    padding:0;
    margin:0;
    float:left;
}

#col2_content #col1 #story {
    width:90%;
    padding:0;
    text-align:right;
}

#col2_content #col1 #story #title {
    width:100%;
    padding:0;
    text-align:right;
    font-family:'mundial-narrow-variable';
    font-size: 250%;
    font-weight:400;
    font-variant:small-caps;
    color:#555;
    line-height:85%;
}

#col2_content #col1 #story img {
    width:90%;
    height:auto;
    margin:0;
    padding:0;
}

#col2_content #col2 {
    width:50%;
    float:left;
    padding:0;
    margin:0;
}

#col2_content #col2 #headline {
    width:98%;
    margin:0;
}

#col2_content #col2 #story {
    width:90%;
    padding:10px 15px;
    text-align:left;
    background-color:#fff;
    box-sizing:border-box;
}

#col2_content #col2 #story img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}



#col3_content {
    width:100%;
    margin:0 auto;
    padding:0;
}

#col3_content #col1 {
    width:70%;
    padding:0;
    float:left;
}

#col3_content #col1 #story {
    width:97%;
    padding:10px 15px;
    margin:0;
    text-align:left;
}

#col3_content #col2 {
    width:25%;
    padding:0;
    margin:0;
    float:left;
}
  
#col3_content #col2 #story {
    width:97%;
    padding:10px 15px;
    margin:0;
    text-align:left;
}
  
#col3_content #col3 {
    display:none;
    width:25%;
    padding:0;
    margin:0;
    float:left;
}

#col3_content #col3 #story {
    width:97%;
    padding:10px 15px;
    margin:0;
    text-align:left;
}


#newsletter {
    width:100%;
    min-height:200px;
    padding:50px 0 0 0;
    margin:0 auto;
    background-color:#0f4b96;
}

#newsletter #email {
    width:64.5%;
    margin:0 auto;
}

#newsletter h2 {
    color: #fff;
    font-weight:400;
}

#newsletter #email #mc_embed_signup {
    width:50%;
    margin:0 auto;
}

#newsletter #email #mc_embed_signup #mc_embed_signup_scroll {
    text-align:center;
}

#facebooka {
    background-image: url('/web/20220109210916im_/https://dignitysd.org/new_design/files/facebook_off.svg');
    background-repeat:no-repeat;
    height:35px;
    width:35px;
    margin-right:5px;
    float:left;
    cursor:pointer;
}
 
#facebooka:hover {
    background-image: url('/web/20220109210916im_/https://dignitysd.org/new_design/files/facebook_on.svg');
    background-repeat:no-repeat;
    height:35px;
    width:35px;
    margin-right:5px;
    float:left;
    cursor:pointer;
}

#foto {
    background-image:url('/files/foto_off.svg');
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    margin-right:15px;
    float:right; 
    cursor:pointer;
}
 
#foto:hover {
    background-image:url('/files/foto_on.svg');
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    margin-right:15px;
    float:right;
    cursor:pointer;
}

#tok {
    background-image:url('/files/tok_on.svg');
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    margin:7px 15px 0 0;
    float:right; 
    cursor:pointer;
}
 
/*#tok:hover {
    background-image:url('/files/tok_on.svg');
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    margin-right:15px;
    float:right;
    cursor:pointer;
}*/

#threads {
    background-image:url('/files/threads_on.svg');
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    margin:7px 10px 0 0;
    float:right; 
    cursor:pointer;
}
 
/*#threads:hover {
    background-image:url('/files/threads_on.svg');
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    margin-right:15px;
    float:right;
    cursor:pointer;
}*/

#insta {
    background-image:url('/files/insta_on.svg');
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    margin:7px 15px 0 10px;
    float:right; 
    cursor:pointer;
}
 
/*#insta:hover {
    background-image:url('/files/insta_on.svg');
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    margin-right:15px;
    float:right;
    cursor:pointer;
}*/


#ytubea {
    background-image: url('/web/20220109210916im_/https://dignitysd.org/new_design/files/youtube_off.svg');
    background-repeat:no-repeat;
    height:35px;
    width:35px;
    float:left; 
    cursor:pointer;
}
 
#ytubea:hover {
    background-image: url('/web/20220109210916im_/https://dignitysd.org/new_design/files/youtube_on.svg');
    background-repeat:no-repeat;
    height:35px;
    width:35px;
    float:left;
    cursor:pointer;
}

#social {
    width:100%;
    min-height:100px;
    margin: 0 auto;
    background-color: #0f4b96;
}
  
#social #dd {
    width: 95%;
    margin: 0 auto;
    padding: 0;
}
  
#social #dd #sociallinks {
    width: 100%;
    float: left;
    text-align:left;
    padding: 0;
    font-family: Roboto;
    font-size: 110%;
    font-variant: small-caps;
    font-weight: 400;
    color: #FFF;
    text-decoration: none;
    text-align: left;
}

#footer {
    width:100%;
    min-height:200px; 
    background-color:#0f4b96;
}

#footer #stuff {
    width: 95%;
    margin: 0 auto;
}

#footer #stuff #cata {
    width: 75%;
    margin: 0;
    padding: 0;
    float:left;
}

#footer #stuff #catb {
    width: 25%;
    float: left;
    text-align: right;
    margin: 0;
    line-height:13px;
}
 
#footer #stuff #mobilemenu {
    display: none;
}

#footer #stuff ul {
    float:left;
    display:inline;
    color: #fff;
    font-size: 100%;
    font-weight:400;
    list-style-type: none;
    padding: 0 35px 0 0;
    margin:0;
}
 
 #footer #stuff ul a, #footer #stuff ul a:visited {
     font-size: 100%;
     text-decoration: none;
 }

 #footer #stuff ul a:hover {
     font-size: 100%;
     text-decoration: underline;
 }
 
 #footer #stuff ul li a, #footer #stuff ul li a:visited {
 font-size: 100%;
 }

 #footer #stuff ul li a:hover {
     font-size: 100%;
     text-decoration: underline;
 }