/*DANIELLE DUNHAM REALTOR*/


/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body, #dnn_content
{
    background-color: #FFF7EB;
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
    font-family: ambroise-std, serif;
font-weight: 600;
font-style: normal;
text-transform: capitalize;
line-height: 1.25;
letter-spacing: 0px;
color: #3C3C3B;
}

H2  {
        font-family: ambroise-std, serif;
font-weight: 400;
font-style: normal;
text-transform: capitalize;
line-height: 1.25;
letter-spacing: 0px;
color: #3C3C3B;
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

p {
font-family: brandon-grotesque, sans-serif;
font-weight: 300;
font-style: normal;
line-height: 1.25;
letter-spacing: 1px;
font-size: 18px;
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

/*BUTTONS*/
.dg-btn-1.btn-accent, .dg-btn-4.btn-accent, .dg-btn-3.btn-accent {
    color: #FFF;
    font-family: 'brandon-grotesque';
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/*MOBILE VERSION*/

/*COMING SOON PAGE*/

.ddr_cs_hero_parent {
display: grid;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #FFF7EB;
}

.ddr_cs_hero_bkgd { 
grid-area: 1 / 1 / 3 / 2;
    background-image: url(/Portals/3/DanielleDunhamRealtor_MarbleBackground_hero.jpg);
    background-size: cover;
    background-position: center;
     }

.ddr_cs_hero_logo { 
 grid-area: 1 / 1 / 2 / 2;
 text-align: center;
    padding: 2em 0em;
    place-self: center center;
    }

.ddr_cs_hero_headshot { 
grid-area: 2 / 1 / 3 / 2; 
 text-align: center;
place-self: start center;
    }

.ddr_cs_hero_text_bkgd { 
    grid-area: 3 / 1 / 4 / 2;
    background-color: #F6D2C4;
    margin-top: -3em;
        }

.ddr_cs_hero_text  { 
   grid-area: 3 / 1 / 4 / 2;
   padding: 2em 2em;
   place-self: center center;
     }

div.ddr_cs_hero_logo > img {
width: 90vw;
}

div.ddr_cs_hero_headshot > img {
width: 90vw;
}

.ddr_cs_contact_parent {
display: grid;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.ddr_cs_contact_text { 
    grid-area: 1 / 1 / 2 / 2; 
padding: 2em 1em;
place-self: center center;
    }


.ddr_cs_contact_img { 
    grid-area: 2 / 1 / 3 / 2; 
    padding: 2em 0em;
place-self: center center;
    }

div.ddr_cs_contact_img > img {
    width: 90vw;
}

.ddr_cs_footer_parent {
display: grid;
grid-column-gap: 0px;
grid-row-gap: 0px;

}

.ddr_cs_footer_bkgd {
grid-area: 1 / 1 / 4 / 2;
background-color: #F6D2C4;
border-bottom: 1px solid #3C3C3B;
border-top: 1px solid #3C3C3B;
}

.ddr_cs_footer_ddr_logo {
grid-area: 1 / 1 / 2 / 2;
padding: 2em 1em;
place-self: center center;
border-bottom: 1px solid #3C3C3B;
 width: 100vw;
 text-align: center;
}

.ddr_cs_footer_exp_logo {
 grid-area: 2 / 1 / 3 / 2; 
padding: 2em 1em;
 place-self: center center;
border-bottom: 1px solid #3C3C3B;
 width: 100vw;
text-align: center;
}

.ddr_cs_footer_text {
grid-area: 3 / 1 / 4 / 2;
    padding: 2em 1em;
    place-self: center center;
}

#eapps-instagram-feed-1 {
padding: 5px;
    width: 100vw;
}

.footer-01 .footer-bottom, #dnn_ctr828_HtmlModule_lblContent > p {
    color: #3c3c3b;
   font-size: 14px;
font-family: brandon-grotesque, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 1px;
}



.fa-inverse {
    color: #FFF7EB;
}

div.ddr_cs_contact_text > div > div.col-xs-12 > p > a {
    color: #3c3c3b;
}

div.ddr_cs_contact_text > div > div.col-xs-12 > p > a:hover {
    color: #CFCCCA;
}

/*FORM CSS*/

.dg-form-content.form-line.dark, .dg-form-content.form-line.dark span, .dg-form-content.form-line.dark label, .dg-form-content.form-line.dark label.valid, .dg-form-content.form-line.dark li:not(.from-footer) input, .dg-form-content.form-line.dark select, .dg-form-content.form-line.dark textarea {
 color: #3c3c3b;
font-family: brandon-grotesque, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 1px;
    font-size: 18px;
}

.dg-form-content.form-line.dark .form-control-wrap input[type=text], .dg-form-content.form-line.dark .form-control-wrap input[type=email], .dg-form-content.form-line.dark .form-control-wrap input[type=url], .dg-form-content.form-line.dark .form-control-wrap input[type=tel], .dg-form-content.form-line.dark .form-control-wrap input[type=number], .dg-form-content.form-line.dark .form-control-wrap input[type=date], .dg-form-content.form-line.dark .form-control-wrap select, .dg-form-content.form-line.dark .form-control-wrap textarea, .dg-form-content.form-line.dark .fixline:before {
    border-bottom-color: #3c3c3b;
}

.dg-form-content.form-line.dark, .dg-form-content.form-line.dark span, .dg-form-content.form-line.dark label, .dg-form-content.form-line.dark label.valid, .dg-form-content.form-line.dark li:not(.from-footer) input, .dg-form-content.form-line.dark select, .dg-form-content.form-line.dark textarea {
    color: #3c3c3b;
}

div.Theme_01_Default .form_submit .submit_but, div.Theme_01_Default .form_submit .reset_but {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
font-family: brandon-grotesque, sans-serif;
text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF7EB;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    background-color:   #3c3c3b;
    background-image: none;
    background-repeat: repeat-x;
    border: 1px solid #3c3c3b;
    *border: 0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 0%), 0 1px 2px rgb(0 0 0 / 0%);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0%), 0 1px 2px rgb(0 0 0 / 0%);
    background-size: 105%!important;
    padding: 11px 20px 10px;
    line-height: 1.42857143;
}

div.Theme_01_Default .form_submit .submit_but:hover, div.Theme_01_Default .form_submit .reset_but:hover {
        color: #FFF7EB;
    text-decoration: none;
    background-color: #CFCCCA;
    border-color: #CFCCCA;

}

/*INSTALINK PAGE - MOBILE*/

.instagram_profile_pic {
    margin: auto;
    padding: 2vw 5vw;
    text-align: center;
}

.instagram_profile_pic > img {
        width: 150px;
}

.instagram_title > h2, .instagram_text > p, #dnn_ctr888_HtmlModule_lblContent > h2, #dnn_ctr891_HtmlModule_lblContent > h2 {
    text-align: center;
}

.instagram_text > p, .instagram_title > h2 > a, #dnn_ctr888_HtmlModule_lblContent > h2  {
color: #3C3C3B;
}

.instagram_title > h2 > a {
    text-transform: lowercase;
}

/*DIGITAL BUSINESS CARD - MOBILE*/

/*DIGITAL BUSINESS CARD*/
.kyb_dbc_parent {
  display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 1em;

  padding-bottom: 2em;
}

.kyb_dbc_logo { 
  grid-area: 1 / 1 / 2 / 3; 
  text-align: center;
    padding: 1em 2em 0em;
}

div.kyb_dbc_logo > a > img {
    height: 10vh;
}

.kyb_dbc_headshot { 
    grid-area: 2 / 1 / 3 / 3;
}

div.kyb_dbc_headshot > img {
width: 100%;
/*margin-top: -2vh;*/
padding: 0em 1em;
}


.kyb_dbc_contactinfo { 
  grid-area: 3 / 1 / 4 / 3;
padding: 0em 1em 1em;
}

div.kyb_dbc_contactinfo > h1 {
font-size: 40px;
}

div.kyb_dbc_contactinfo > h2 {
font-size: 18px;
    font-family: 'brandon-grotesque';
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #848484;
}


div.kyb_dbc_contactinfo > p:nth-child(3) > a  {
      padding: 10px 13px 8px;
}

div.kyb_dbc_contactinfo > p:nth-child(4) > a  {
      padding: 10px 13px 8px;
}

div.kyb_dbc_contactinfo > p:nth-child(5) > a  {
      padding: 10px 13px 8px;
}

div.kyb_dbc_contactinfo > p:nth-child(6) > a {
        padding: 10px 13px 8px;
}

div.kyb_dbc_contactinfo > p:nth-child(7) {
padding-left: 3.5em;
    padding-top: 1em;
}

div.kyb_dbc_contactinfo > p:nth-child(7) > a:hover {
    text-decoration: none;
}

.kyb_dbc_save { grid-area: 4 / 1 / 5 / 2; 
      padding-left: 1em;
}
.kyb_dbc_share { grid-area: 4 / 2 / 5 / 3;
      padding-right: 1em;
  text-align: right;
}

div.kyb_dbc_share > span {
color: #3C3C3B;
    font-family: 'brandon-grotesque';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-style: normal;
  padding-right: .5em;
}

div.kyb_dbc_share > button {
    border: solid 2px #3C3C3B;
    background-color: transparent;
    border-radius: 1000px;
    color: #3C3C3B;
    display: inline-block;
      padding: 10px 13px 8px;
    background-size: 105%!important;
    background-position: center!important;
    text-transform: uppercase;
    font-family: 'brandon-grotesque';
    font-weight: 400;
    font-style: normal;
}

#bs-example-modal-xl > div > div > div.modal-header > button {
border: solid 2px #CFCCCA;
    background-color: transparent;
    border-radius: 1000px;
    color: #CFCCCA;
    display: inline-block;
    padding: 1px 10px 2px;
    background-size: 105%!important;
    background-position: center!important;
    text-transform: uppercase;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 600;
    font-style: normal;
    margin: -2em -1em;
}

#bs-example-modal-xl > div > div > div.modal-header > button > span:nth-child(1) {
    font-weight: bold;
    font-size: 24px;
    font-family: ambroise-std, serif;
}

.modal-content {
     background-color: #3C3C3B;
    border: 0px solid #848484;
    border-radius: 0px;
  box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
}

.dg-modal .modal-title {
    font-size: 18px;
    color: #FFF7EB;
    font-weight: 600;
    text-align: center;
  font-family: ambroise-std, serif;
}

.dg-modal .modal-header:after {
    display: none;
}

#bs-example-modal-xl > div > div > div.modal-header > h2 {
    color: #FFF7EB;
text-align: center;
}

.dg-modal .modal-body {
  background-color: #848484;
    width: 100%;
    padding: 1em;
  text-align: center;
}

div.modal-body > div > img {
    padding: 9vh 0em;
}

div.modal-footer > p {
  padding: 1em;
  color: #FFF7EB;
}

div.modal-footer > p > a {
      color: #FFF7EB;
      text-decoration: underline;
      text-underline-offset: 2px;
}

div.modal-footer {
      text-align: center;
}

#bs-example-modal-xl {
  background-color: #3C3C3B;
}

#bs-example-modal-xl > div > div > div.modal-footer > div > a {
border: solid 2px #F6D2C4;
background-color: #F6D2C4;
 color: #3C3C3B;
}


/*MEDIA QUERIES*/

/*DESKTOP*/

@media screen and (min-width: 1026px) {

.mobile {
    display: none;
}

/*COMING SOON PAGE - DESK*/

.ddr_cs_hero_parent {
grid-template-columns: 2fr 1fr;
    grid-template-rows: .25fr 2fr 1fr .5fr;
}

.ddr_cs_hero_bkgd { 
grid-area: 1 / 1 / 3 / 3;
     }

.ddr_cs_hero_logo { 
    grid-area: 1 / 1 / 3 / 2; 
padding: 10em 2em;
    height: 35vw;
    }

.ddr_cs_hero_headshot { 
    grid-area: 1 / 2 / 5 / 3; 
    padding: 2em;
    }

.ddr_cs_hero_text_bkgd { 
    grid-area: 3 / 1 / 4 / 3; 
    margin-top: 0em;
    }

.ddr_cs_hero_text  { 
    grid-area: 3 / 1 / 4 / 2;
     }

div.ddr_cs_hero_logo > img {
/*height: 30vh; */
width: 40vw;
}

div.ddr_cs_hero_headshot > img {
/*height: 90vh; */
    width: 35vw;
}

.ddr_cs_contact_parent {

}
.ddr_cs_contact_text { 
    grid-area: 1 / 1 / 2 / 2; 
}



.ddr_cs_contact_img { 
    grid-area: 1 / 2 / 2 / 3;
     }

div.ddr_cs_contact_img > img {
    width: 30vw;
}

.ddr_cs_footer_parent {
grid-template-columns: repeat(2, 1fr) 4fr;
grid-template-rows: 1fr;
}

.ddr_cs_footer_bkgd {
grid-area: 1 / 1 / 2 / 4;
border-bottom: 0px;    
border-top: 0px;
}

.ddr_cs_footer_ddr_logo {
grid-area: 1 / 1 / 2 / 2; 
width: 20vw;
border-bottom: 0px;    
border-right: 1px solid #3c3c3b;
padding: 0em;
}

div.ddr_cs_footer_ddr_logo > img {
    height: 60px;
}

div.ddr_cs_footer_exp_logo > img {
    height: 60px;
}

.ddr_cs_footer_exp_logo {
grid-area: 1 / 2 / 2 / 3; 
width: 20vw;
border-bottom: 0px;    
border-right: 1px solid #3c3c3b;
padding: 0em;
}

.ddr_cs_footer_text {
grid-area: 1 / 3 / 2 / 4;
}

  /*DIGITAL BUSINESS CARD - DESK*/
.kyb_dbc_parent {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 2em;
grid-row-gap: 0px;
}

.kyb_dbc_logo { 
grid-area: 1 / 1 / 2 / 5; 
padding-bottom: 3em;
}

.kyb_dbc_headshot { 
grid-area: 2 / 1 / 4 / 3;
text-align: center;
}

div.kyb_dbc_headshot > img {
text-align: center;
    margin-top: 0vh;
    width: 75%;
}

.kyb_dbc_contactinfo { 
 grid-area: 2 / 3 / 3 / 5;
place-self: center start;
padding: 0vh 0em 0em;
}

.kyb_dbc_save { grid-area: 3 / 3 / 4 / 5;
}

.kyb_dbc_share { grid-area: 4 / 4 / 5 / 5; 
margin-top: -5vh;
}


 /*END DESKTOP*/
}



/*TABLET*/

@media all and (min-width:992px) and (max-width:1025px) {

    .mobile {
    display: none;
}

.ddr_cs_hero_parent {
grid-template-columns: 2fr 1fr;
    grid-template-rows: .25fr 2fr 1fr .5fr;
}

.ddr_cs_hero_bkgd { 
grid-area: 1 / 1 / 3 / 3;
     }

.ddr_cs_hero_logo { 
    grid-area: 1 / 1 / 3 / 2; 
padding: 10em 2em;
    height: 35vw;
    }

.ddr_cs_hero_headshot { 
    grid-area: 1 / 2 / 5 / 3; 
    padding: 2em;
    }

.ddr_cs_hero_text_bkgd { 
    grid-area: 3 / 1 / 4 / 3; 
    margin-top: 0em;
    }

.ddr_cs_hero_text  { 
    grid-area: 3 / 1 / 4 / 2;
     }

div.ddr_cs_hero_logo > img {
/*height: 30vh; */
width: 40vw;
}

div.ddr_cs_hero_headshot > img {
/*height: 90vh; */
    width: 35vw;
}

.ddr_cs_contact_text { 
    grid-area: 1 / 1 / 2 / 2; 
}

.ddr_cs_contact_img { 
    grid-area: 1 / 2 / 2 / 3;
     }

div.ddr_cs_contact_img > img {
    width: 30vw;
}

  /*DIGITAL BUSINESS CARD - TABLET*/
.kyb_dbc_parent {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 2em;
grid-row-gap: 0px;
  height: 100vh;
}

.kyb_dbc_logo { 
grid-area: 1 / 1 / 2 / 5; 
padding-bottom: 3em;
}

.kyb_dbc_headshot { 
grid-area: 2 / 1 / 4 / 3;
text-align: center;
}

div.kyb_dbc_headshot > img {
text-align: center;
    margin-top: 0vh;
    width: 75%;
}

.kyb_dbc_contactinfo { 
 grid-area: 2 / 3 / 3 / 5;
padding: 0vh 0em 0em;
}

.kyb_dbc_save { grid-area: 3 / 3 / 4 / 5;
}

.kyb_dbc_share { grid-area: 4 / 4 / 5 / 5; 
margin-top: -5vh;
}

 /*END TABLET*/
}